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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117

//! Label
use crate::prelude::{AsClasses, Button, ButtonVariant, ExtendClasses, Icon};
use yew::prelude::*;

use strum_macros::{Display, EnumIter, EnumString};

#[derive(Copy, Clone, Display, Debug, PartialEq, Eq, EnumIter, EnumString)]
pub enum Color {
    Grey,
    Blue,
    Green,
    Orange,
    Red,
    Purple,
    Cyan,
    Gold,
}

impl Default for Color {
    fn default() -> Self {
        Self::Grey
    }
}

impl AsClasses for Color {
    fn extend_classes(&self, classes: &mut Classes) {
        match self {
            Color::Grey => {}
            Color::Blue => classes.push("pf-m-blue"),
            Color::Green => classes.push("pf-m-green"),
            Color::Orange => classes.push("pf-m-orange"),
            Color::Red => classes.push("pf-m-red"),
            Color::Purple => classes.push("pf-m-purple"),
            Color::Cyan => classes.push("pf-m-cyan"),
            Color::Gold => classes.push("pf-m-gold"),
        }
    }
}

/// Properties for [`Label`]
#[derive(Clone, Debug, PartialEq, Properties)]
pub struct LabelProperties {
    #[prop_or_default]
    pub label: String,
    #[prop_or_default]
    pub color: Color,
    #[prop_or_default]
    pub outline: bool,
    #[prop_or_default]
    pub overflow: bool,
    #[prop_or_default]
    pub icon: Option<Icon>,
    #[prop_or_default]
    pub onclose: Option<Callback<()>>,
    #[prop_or_default]
    pub href: String,
    #[prop_or_default]
    pub compact: bool,
}

/// Label component
///
/// > The **label** component allows users to add specific element captions for user clarity and convenience.
///
/// See: <https://www.patternfly.org/components/label/html>
///
/// ## Properties
///
/// Defined in [`LabelProperties`].
#[function_component(Label)]
pub fn label(props: &LabelProperties) -> Html {
    let mut classes = Classes::from("pf-v5-c-label");

    classes.extend_from(&props.color);

    if props.outline {
        classes.push("pf-m-outline");
    }

    if props.overflow {
        classes.push("pf-m-overflow");
    }

    if props.compact {
        classes.push("pf-m-compact");
    }

    let content = |content: Html| {
        if props.href.is_empty() {
            html! {<span class="pf-v5-c-label__content">{content}</span>}
        } else {
            html! {<a class="pf-v5-c-label__content" href={props.href.clone()}>{content}</a>}
        }
    };

    html! (
        <span class={classes}>
            { content (
                html!(
                    <>
                        if let Some(icon) = &props.icon {
                            <span class="pf-v5-c-label__icon"> { icon.as_html() } </span>
                        }
                        <span class="pf-v5-c-label__text">
                            { &props.label }
                        </span>
                    </>
                )
            )}
            if let Some(onclose) = &props.onclose {
                <span class="pf-v5-c-label__actions">
                    <Button variant={ButtonVariant::Plain} icon={Icon::Times} onclick={onclose.reform(|_| {})}/>
                </span>
            }
        </span>
    )
}