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

    public class EditableAreaExample : IComponent
    {
        public HTMLElement Render()
        {
            var editable = EditableArea("Click to edit this paragraph");
            editable.Size = TextSize.Medium;
            editable.OnSave((sender, newValue) =>
                {
                    if (string.IsNullOrWhiteSpace(newValue))
                    {
                        Toast().Warning("Text cannot be empty.");
                        return false;
                    }

                    Toast().Success("Saved.");
                    return true;
                });

            return Stack().Children(editable).Render();
        }
    }
}