using H5.Core;
using Tesserae;
using static H5.Core.dom;
using static Tesserae.UI;

namespace Tesserae.Tests
{
    internal static class App
    {
        private static void Main()
        {
            var carousel = Carousel(
                VStack().P(32).Children(TextBlock("Discover Tesserae").Large().Bold(), TextBlock("Build stunning user interfaces in C# that compile to high-performance JavaScript.")).WS(),
                VStack().P(32).Children(TextBlock("Fluent API").Large().Bold(), TextBlock("Leverage a powerful, typed, and fluent API to define your layout and logic efficiently.")).WS(),
                VStack().P(32).Children(TextBlock("Native Performance").Large().Bold(), TextBlock("Zero-overhead abstractions mean your application runs fast on any modern browser.")).WS()
            ).PadSlides().H(150);

            document.body.style.overflow = "hidden";
            MountCenteredToBody(carousel);
        }
    }
}

using H5.Core;
using Tesserae;
using static H5.Core.dom;
using static Tesserae.UI;

namespace Tesserae.Tests
{
    internal static class App
    {
        private static void Main()
        {
            var carousel = Carousel(
                Image("https://cataas.com/cat").WS().H(300).Contain(),
                Image("https://cataas.com/cat").WS().H(300).Contain(),
                Image("https://cataas.com/cat").WS().H(300).Contain()
            ).H(300);

            document.body.style.overflow = "hidden";
            MountCenteredToBody(carousel);
        }
    }
}

using H5.Core;
using Tesserae;
using static H5.Core.dom;
using static Tesserae.UI;

namespace Tesserae.Tests
{
    internal static class App
    {
        private static void Main()
        {
            var carousel = Carousel(
                VStack().Children(TextBlock("Interactive Slide").Medium(), Button("Click me").OnClick(() => Toast().Success("Clicked!"))).P(32),
                VStack().Children(TextBlock("Configuration Slide").Medium(), CheckBox("Enable feature")).P(32)
            ).PadSlides().H(150);

            document.body.style.overflow = "hidden";
            MountCenteredToBody(carousel);
        }
    }
}