1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

use yew::prelude::*;

/// Properties for [`PageSidebar`]
#[derive(Clone, PartialEq, Properties)]
pub struct PageSidebarProperties {
    #[prop_or_default]
    pub children: Html,
    #[prop_or(true)]
    pub open: bool,
}

/// The sidebar component of a [`Page`](crate::prelude::Page).
///
/// ## Properties
///
/// Defined by [`PageSidebarProperties`].
#[function_component(PageSidebar)]
pub fn page_sidebar(props: &PageSidebarProperties) -> Html {
    let mut classes = match props.open {
        true => classes!["pf-m-expanded"],
        false => classes!["pf-m-collapsed"],
    };

    classes.push("pf-v5-c-page__sidebar");

    html! (
        <div
            aria-hidden={(!props.open).to_string()}
            class={classes}>
            <div class="pf-v5-c-page__sidebar-body">
                { props.children.clone() }
            </div>
        </div>
    )
}