use crate::components::card::Card;
use protocol::card;
use yew::prelude::*;

#[function_component(Hand)]
pub fn hand(props: &HandProps) -> Html {
    let cards = props.cards.iter().map(|card| {
        html! {
            <Card card={ card.clone() } onclick={ props.on_card_clicked.clone() } />
        }
    });

    html! {
        { for cards }
    }
}

#[derive(Clone, Default, PartialEq, Properties)]
pub struct HandProps {
    #[prop_or_default]
    pub cards: Vec<card::Card>,
    pub on_card_clicked: Callback<card::Card>,
}