using System;
using Transpose.Core;
using Tesserae;
using static Transpose.Core.dom;
using static Tesserae.UI;

namespace Tesserae.Tests
{
    internal static class App
    {
        private static void Main()
        {
            var sampleComponent = new IconExample();
            document.body.style.overflow = "hidden";
            MountCenteredToBody(sampleComponent);
        }
    }

    public class IconExample : IComponent
    {
        public HTMLElement Render()
        {
            var saveIcon = Icon(UIcons.Disk, size: TextSize.Large)
                .Foreground(Theme.Primary.Background)
                .SetTitle("Save");

            var emojiIcon = Icon(Emoji.Rocket, TextSize.Large);

            return HStack().AlignItemsCenter().Children(
                saveIcon,
                TextBlock("Save action"),
                emojiIcon,
                TextBlock("Launch")
            ).Render();
        }
    }
}