use dioxus::prelude::*; #[derive(Clone, PartialEq, Props)] pub struct DramaProps { #[props(default = 24)] pub size: usize, #[props(default = "currentColor".to_owned())] pub color: String, #[props(default = "none".to_owned())] pub fill: String, #[props(default = 2)] pub stroke_width: usize, #[props(default = false)] pub absolute_stroke_width: bool, pub class: Option, } #[component] pub fn Drama(props: DramaProps) -> Element { let stroke_width = if props.absolute_stroke_width { props.stroke_width * 24 / props.size } else { props.stroke_width }; rsx! { svg { "xmlns": "http://www.w3.org/2000/svg", "class": if let Some(class) = props.class { "{class}" }, "width": "{props.size}", "height": "{props.size}", "viewBox": "0 0 24 24", "fill": "{props.fill}", "stroke": "{props.color}", "stroke-width": "{stroke_width}", "stroke-linecap": "round", "stroke-linejoin": "round", path { "d": "M10 11h.01" } path { "d": "M14 6h.01" } path { "d": "M18 6h.01" } path { "d": "M6.5 13.1h.01" } path { "d": "M22 5c0 9-4 12-6 12s-6-3-6-12c0-2 2-3 6-3s6 1 6 3" } path { "d": "M17.4 9.9c-.8.8-2 .8-2.8 0" } path { "d": "M10.1 7.1C9 7.2 7.7 7.7 6 8.6c-3.5 2-4.7 3.9-3.7 5.6 4.5 7.8 9.5 8.4 11.2 7.4.9-.5 1.9-2.1 1.9-4.7" } path { "d": "M9.1 16.5c.3-1.1 1.4-1.7 2.4-1.4" } } } }