Button

use floe_ui::components::button::{self, ButtonSize};

"text-zinc-500">// Primary (default) button
let btn = button::primary("Click me", &tokens)
    .on_press(Message::Clicked);

"text-zinc-500">// Secondary button
let btn2 = button::secondary("Cancel", &tokens)
    .on_press(Message::Cancel);

"text-zinc-500">// Outline button
let btn3 = button::outline("Details", &tokens)
    .on_press(Message::Details);

"text-zinc-500">// Ghost button
let btn4 = button::ghost("More", &tokens)
    .on_press(Message::More);

"text-zinc-500">// Destructive button
let btn5 = button::destructive("Delete", &tokens)
    .on_press(Message::Delete);

"text-zinc-500">// Link button
let btn6 = button::link("Learn more", &tokens)
    .on_press(Message::LearnMore);

"text-zinc-500">// Custom size
let btn_lg = button::primary_sized("Large", &tokens, ButtonSize::Lg)
    .on_press(Message::Clicked);