const RISK_BADGE = { '안정': '🟢', '균형': '🟡', '공격': '🔴' };

export default function PickSetCard({ pick, index }) {
    return (
        <div className={`pick-card pick-card--${pick.risk_tag}`}>
            <div className="pick-card-header">
                <span className="pick-card-index">Set {index + 1}</span>
                <span className="pick-card-risk">{RISK_BADGE[pick.risk_tag] || '⚪'} {pick.risk_tag}</span>
            </div>
            <div className="pick-card-balls">
                {pick.numbers.map(n => (
                    <span key={n} className={`ball ball--${Math.ceil(n / 10)}`}>{n}</span>
                ))}
            </div>
            <p className="pick-card-reason">{pick.reason}</p>
        </div>
    );
}
