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

use crate::components::HandProps;

#[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} onclick={ props.on_card_clicked.clone() } />
        }
    });

    html! {
        { for cards }
    }
}