from tkinter import Place
from textual.app import App
from textual import events
from textual.widgets import Placeholder
from textual.widget import Widget


class BasicApp(App):
    """Sandbox application used for testing/development by Textual developers"""

    def on_load(self):
        self.bind("q", "quit", "Quit")

    def on_mount(self):
        """Build layout here."""

        uber2 = Widget()
        uber2.add_children(
            Widget(id="uber2-child1"),
            Widget(id="uber2-child2"),
        )

        uber1 = Widget(
            Placeholder(id="child1", classes={"list-item"}),
            Placeholder(id="child2", classes={"list-item"}),
            Placeholder(id="child3", classes={"list-item"}),
            Placeholder(classes={"list-item"}),
            Placeholder(classes={"list-item"}),
            Placeholder(classes={"list-item"}),
            Placeholder(classes={"list-item"}),
            Placeholder(classes={"list-item"}),
            Placeholder(classes={"list-item"}),
            Placeholder(classes={"list-item"}),
            Placeholder(classes={"list-item"}),
            # Placeholder(id="child3", classes={"list-item"}),
        )
        uber1.show_vertical_scrollbar = True

        self.mount(
            uber1=uber1
            # uber2=uber2,
        )

    async def on_key(self, event: events.Key) -> None:
        await self.dispatch_key(event)

    def action_quit(self):
        self.panic(self.screen.tree)


BasicApp.run(css_file="uber.css", log="textual.log", log_verbosity=0)