1use dioxus::prelude::*;
2#[derive(Clone, PartialEq, Props)]
3pub struct GhostProps {
4 #[props(default = 24)]
5 pub size: usize,
6 #[props(default = "currentColor".to_owned())]
7 pub color: String,
8 #[props(default = "none".to_owned())]
9 pub fill: String,
10 #[props(default = 2)]
11 pub stroke_width: usize,
12 #[props(default = false)]
13 pub absolute_stroke_width: bool,
14 pub class: Option<String>,
15}
16#[component]
17pub fn Ghost(props: GhostProps) -> Element {
18 let stroke_width = if props.absolute_stroke_width {
19 props.stroke_width * 24 / props.size
20 } else {
21 props.stroke_width
22 };
23 rsx! {
24 svg {
25 "xmlns": "http://www.w3.org/2000/svg",
26 "class": if let Some(class) = props.class { "{class}" },
27 "width": "{props.size}",
28 "height": "{props.size}",
29 "viewBox": "0 0 24 24",
30 "fill": "{props.fill}",
31 "stroke": "{props.color}",
32 "stroke-width": "{stroke_width}",
33 "stroke-linecap": "round",
34 "stroke-linejoin": "round",
35 path { "d": "M9 10h.01" }
36 path { "d": "M15 10h.01" }
37 path { "d": "M12 2a8 8 0 0 0-8 8v12l3-3 2.5 2.5L12 19l2.5 2.5L17 19l3 3V10a8 8 0 0 0-8-8z" }
38 }
39 }
40}