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 component = new Tree().Items(
                new Tree.Item("samples/ConsoleApp...", UIcons.Folder).Expanded().Items(
                    new Tree.Item("ConsoleApp1.csproj", UIcons.File).Selected(),
                    new Tree.Item("Program.cs", UIcons.File)
                ),
                new Tree.Item("src", UIcons.Folder).Expanded().Items(
                    new Tree.Item("MarkdownRende...", UIcons.Folder).Expanded().Items(
                        new Tree.Item("MarkdownConve...", UIcons.File),
                        new Tree.Item("Slides", UIcons.Folder).Expanded().Items(
                            new Tree.Item("Blocks", UIcons.Folder).Expanded().Items(
                                new Tree.Item("HeadingRe...", UIcons.File),
                                new Tree.Item("HeadingRe...", UIcons.File)
                            ),
                            new Tree.Item("SlideDocume...", UIcons.File)
                        )
                    ),
                    new Tree.Item("MarkdownRende...", UIcons.Folder).Expanded().Items(
                        new Tree.Item("MarkdownRende...", UIcons.File),
                        new Tree.Item("Program.cs", UIcons.File)
                    ),
                    new Tree.Item("MarkdownRenderer...", UIcons.File)
                )
            );

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

using System.Threading.Tasks;
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 component = new Tree().Items(
                new Tree.Item("Lazy Loaded Folder", UIcons.Folder).ItemsAsync(async () =>
                {
                    await Task.Delay(1000);
                    return new[]
                    {
                        new Tree.Item("Async Child 1", UIcons.File),
                        new Tree.Item("Async Child 2", UIcons.File)
                    };
                })
            );

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

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 component = new Tree().SelectionEnabled().Items(
                new Tree.Item("Root 1", UIcons.Folder).Expanded().Items(
                    new Tree.Item("Child A", UIcons.File),
                    new Tree.Item("Child B", UIcons.File)
                ),
                new Tree.Item("Root 2", UIcons.Folder).Expanded().Items(
                    new Tree.Item("Child C", UIcons.File).Selected(),
                    new Tree.Item("Child D", UIcons.File)
                )
            );

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

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 selected = TextBlock("(none)").SemiBold();

            var tree = new Tree().SelectionEnabled().Items(
                new Tree.Item("my-app", UIcons.Folder).Expanded().Items(
                    new Tree.Item("src", UIcons.Folder).Expanded().Items(
                        new Tree.Item("components", UIcons.Folder).Expanded().Items(
                            new Tree.Item("Button.tsx",  UIcons.File),
                            new Tree.Item("Avatar.tsx",  UIcons.File),
                            new Tree.Item("Sidebar.tsx", UIcons.File)
                        ),
                        new Tree.Item("hooks", UIcons.Folder).Items(
                            new Tree.Item("useTheme.ts", UIcons.File),
                            new Tree.Item("useAuth.ts",  UIcons.File)
                        ),
                        new Tree.Item("index.tsx", UIcons.File)
                    ),
                    new Tree.Item("public", UIcons.Folder).Items(
                        new Tree.Item("favicon.ico", UIcons.File),
                        new Tree.Item("logo.svg",    UIcons.File)
                    ),
                    new Tree.Item("package.json", UIcons.File),
                    new Tree.Item("README.md",    UIcons.File)
                )
            ).OnSelected((s, item) => selected.Text(item.Text));

            var component = HStack().WS().H(380).Children(
                tree.MinWidth(260.px()),
                VStack().Padding(16.px()).Grow().Children(
                    Label("Selected file: ").SetContent(selected),
                    TextBlock("Click a node in the tree to update this panel.").Small().Secondary().PT(8)
                )
            );

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