use crate::components::card::Card;
use protocol::{card::{self, sort_cards, RankOrder}, bridge_engine::SUIT_DISPLAY_ORDER};
use yew::prelude::*;

#[function_component(Hand)]
pub fn hand(props: &HandProps) -> Html {
    let mut cards = props.cards.clone();
    sort_cards(&SUIT_DISPLAY_ORDER, RankOrder::Descending, &mut cards);
    let cards = 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>,
}