Toast

use hypersig::html::div;
use hypersig::style::pattern::wrap;
use hypersig::style::value::rem;
use hypersig::{Page, Signals};
use hypersig_ui::{ButtonSize, ButtonVariant, Toast, ToastVariant, Toaster, button};
use serde::{Deserialize, Serialize};

#[derive(Signals, Serialize, Deserialize)]
pub struct App {
    toasts: Vec<Toast>,
}

pub fn page() -> Page<App> {
    let toasts = App::toasts();
    let initial = App { toasts: Vec::new() };
    Page::new(
        "App",
        initial,
    )
    .child(
        div()
            .css(wrap(rem(0.5)))
            .child(
                button(ButtonVariant::Outline, ButtonSize::Default)
                    .on_click(
                        Toast::new("Event created")
                        .description("Sunday, December 3 at 9:00")
                        .push(toasts),
                    )
                    .text("Show a toast"),
            )
            .child(
                button(ButtonVariant::Outline, ButtonSize::Default)
                    .on_click(
                        Toast::new("Upload failed")
                        .description("The file is larger than 10 MB.")
                        .variant(ToastVariant::Destructive)
                        .push(toasts),

                    )
                    .text("Show an error"),
            )
            .child(Toaster::new(toasts)),
    )
}