"""The main Chat app."""

from reflex import App, Component, vstack as VStack, color as Color, theme as Theme
from .components import session, navbar


def index() -> Component:
    """The main app."""
    return VStack(
        navbar.navbar(),
        session.session(),
        session.action_bar(),
        background_color=Color(color="mauve", shade=1),
        color=Color(color="mauve", shade=12),
        height="100dvh",
        align_items="stretch",
        spacing="0",
    )


# Add state and page to the app.
app = App(
    theme=Theme(
        appearance="dark",
        accent_color="purple",
    ),
)
app.add_page(index)