Collapsible

use hydroxy_leptos::collapsible::*;
use leptos::prelude::*;

pub fn demo() -> AnyView {
    let (open, set_open) = signal(Some(true));

    view! {
        // Controlled: the owner keeps the open state.
        <Collapsible open=open on_open_change=move |o| set_open.set(Some(o))>
            <CollapsibleTrigger>"Sources"</CollapsibleTrigger>
            <CollapsibleContent>
                <p>"interviews-q3.pdf"</p>
                <p>"tickets-sept.csv"</p>
            </CollapsibleContent>
        </Collapsible>

        // Uncontrolled, starts closed.
        <Collapsible>
            <CollapsibleTrigger>"Archived"</CollapsibleTrigger>
            <CollapsibleContent>"Nothing archived."</CollapsibleContent>
        </Collapsible>

        // Disabled: the trigger ignores clicks.
        <Collapsible disabled=true>
            <CollapsibleTrigger>"Shared with you"</CollapsibleTrigger>
            <CollapsibleContent>"No shared projects."</CollapsibleContent>
        </Collapsible>
    }
    .into_any()
}

use dioxus::prelude::*;
use hydroxy_dioxus::collapsible::{Collapsible, CollapsibleContent, CollapsibleTrigger};

#[component]
pub fn CollapsibleDemo() -> Element {
    let mut open = use_signal(|| Some(true));

    rsx! {
        // Controlled: the owner keeps the open state.
        Collapsible { open: open(), on_open_change: move |o| open.set(Some(o)),
            CollapsibleTrigger { "Sources" }
            CollapsibleContent {
                p { "interviews-q3.pdf" }
                p { "tickets-sept.csv" }
            }
        }

        // Uncontrolled, starts closed.
        Collapsible {
            CollapsibleTrigger { "Archived" }
            CollapsibleContent { "Nothing archived." }
        }

        // Disabled: the trigger ignores clicks.
        Collapsible { disabled: true,
            CollapsibleTrigger { "Shared with you" }
            CollapsibleContent { "No shared projects." }
        }
    }
}