use leptos::prelude::*;
use super::{Toast, ToastTitle, ToastDescription, ToastClose, ToastVariant};
#[component]
pub fn BasicExample() -> impl IntoView {
view! {
<div style="display:flex;flex-direction:column;gap:1rem;">
<Toast variant=ToastVariant::Default>
<ToastTitle>"Notification"</ToastTitle>
<ToastDescription>"Your settings have been updated."</ToastDescription>
<ToastClose>"×"</ToastClose>
</Toast>
<Toast variant=ToastVariant::Success>
<ToastTitle>"Success"</ToastTitle>
<ToastDescription>"Your changes have been saved successfully."</ToastDescription>
<ToastClose>"×"</ToastClose>
</Toast>
<Toast variant=ToastVariant::Warning>
<ToastTitle>"Warning"</ToastTitle>
<ToastDescription>"Your session will expire in 5 minutes."</ToastDescription>
<ToastClose>"×"</ToastClose>
</Toast>
<Toast variant=ToastVariant::Error>
<ToastTitle>"Error"</ToastTitle>
<ToastDescription>"Failed to save changes. Please try again."</ToastDescription>
<ToastClose>"×"</ToastClose>
</Toast>
<Toast variant=ToastVariant::Info>
<ToastTitle>"Update Available"</ToastTitle>
<ToastDescription>"A new version is available."</ToastDescription>
<ToastClose>"×"</ToastClose>
</Toast>
</div>
}
}