use super::Person;
use dioxus::prelude::{Props, component, dioxus_elements, rsx};
use dioxus_core::Element;
use dioxus_i18n::t;
use oparl_types::Person;
#[derive(Debug, Clone, PartialEq, Props)]
pub struct PersonListProps {
persons: Vec<Person>,
}
#[component]
pub fn PersonList(props: PersonListProps) -> Element {
rsx! {
div {
class: "card",
div {
class: "header",
h2 { { t!("persons") } }
}
ul {
class: "sectional",
style: "list-style-type: '🧑 '; padding-left: 1.5em;",
for person in props.persons {
li {
key: "{person.id}",
Person { person }
}
}
}
}
}
}