26 lines
796 B
JavaScript
26 lines
796 B
JavaScript
import PickCard from './PickCard';
|
|
|
|
const TIER_TITLE = {
|
|
core: '코어 (필수, 5세트)',
|
|
bonus: '보너스 (+5)',
|
|
extended: '확장 (+5)',
|
|
pool: '풀 (+5)',
|
|
};
|
|
|
|
export default function TierSection({ tier, picks, rationale, indexBase = 0, totalSets }) {
|
|
if (!picks?.length) return null;
|
|
return (
|
|
<section className={`lc-tier lc-tier--${tier}`}>
|
|
<header className="lc-tier__head">
|
|
<h4>{TIER_TITLE[tier]}</h4>
|
|
{rationale && tier !== 'core' && (
|
|
<p className="lc-tier__rationale">{rationale}</p>
|
|
)}
|
|
</header>
|
|
{picks.map((p, i) => (
|
|
<PickCard key={i} pick={p} index={indexBase + i} total={totalSets} />
|
|
))}
|
|
</section>
|
|
);
|
|
}
|