19 lines
763 B
JavaScript
19 lines
763 B
JavaScript
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>
|
|
);
|
|
}
|