using System;
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 sampleComponent = new OptionExample();
            document.body.style.overflow = "hidden";
            MountCenteredToBody(sampleComponent);
        }
    }

    public class OptionExample : IComponent
    {
        public HTMLElement Render()
        {
            var selected = TextBlock("Selected: none");

            var group = ChoiceGroup("Favorite environment")
                .Choices(
                    Choice("Development").Selected(),
                    Choice("Staging"),
                    Choice("Production").Disabled()
                );

            group.AsObservable().Observe(choice =>
                selected.Text("Selected: " + (choice?.Text ?? "none")));

            return Stack().Children(selected, group).Render();
        }
    }
}