use dioxus::prelude::*;
use dioxus_primitives::checkbox::{self, CheckboxProps};

#[component]
pub fn Checkbox(props: CheckboxProps) -> Element {
    rsx! {
        document::Link { rel: "stylesheet", href: asset!("./style.css") }
        checkbox::Checkbox {
            class: "checkbox",
            checked: props.checked,
            default_checked: props.default_checked,
            required: props.required,
            disabled: props.disabled,
            name: props.name,
            value: props.value,
            on_checked_change: props.on_checked_change,
            attributes: props.attributes,
            checkbox::CheckboxIndicator { class: "checkbox-indicator",
                svg {
                    class: "checkbox-check-icon",
                    view_box: "0 0 24 24",
                    xmlns: "http://www.w3.org/2000/svg",
                    path { d: "M5 13l4 4L19 7" }
                }
            }
        }
    }
}