use crate::section::Section;
use leptos::{component, view, Children, For, IntoView};

#[component]
#[must_use]
pub fn PersonalExperience(children: Children) -> impl IntoView {
    view! { <Section title="Personal Experience">{children()}</Section> }
}

#[component]
#[must_use]
pub fn Project(title: &'static str, achievements: Vec<&'static str>) -> impl IntoView {
    view! {
        <div class="flex flex-col space-y-1.5">
            <div class="flex flex-row justify-between w-full text-sm">
                <div class="flex flex-row font-sans font-medium text-black">
                    <h4>{title}</h4>
                </div>
            </div>
            <ul class="space-y-1 font-sans list-disc list-inside">
                <For each=move || achievements.clone() key=std::clone::Clone::clone let:achievement>
                    <li class="px-2">{achievement}</li>
                </For>
            </ul>
        </div>
    }
}