from boppersbizza import styles
from boppersbizza.templates import template

import reflex as rx


class TestingState(rx.State):
    msg_list: list
    message: str

    def new_msg(self):
        self.msg_list.append(self.message)
        self.message = ""


def msg_box(msg) -> rx.Component:
    return rx.box(msg)


@template(route="/testing", title="Home", image="/github.svg")
def testing() -> rx.Component:
    return rx.container(
        rx.foreach(TestingState.msg_list, lambda msg: msg_box(msg)),
        rx.hstack(
            rx.input(
                placeholder="Test Message",
                value=TestingState.message,
                on_change=TestingState.set_message,
            ),
            rx.button("Send", on_click=TestingState.new_msg),
        ),
    )