import { t, getLocale } from '../i18n/core';
interface Props {names:readonly string[];active:number;kind:'입력'|'명식';onSelect:(index:number)=>void;result?:boolean}
export default function PersonSelector({names,active,kind,onSelect,result=false}:Props){return <div className={`person-tabs${result?' result-person-tabs':''}`} role="group" aria-label={t(kind==='입력'?'출생 정보 선택':'결과 사람 선택')}>{names.map((name,index)=>{const korean=getLocale()==='ko';const displayName=name||(korean?`${index+1}번째 사람`:`${index+1} ${t('번째 사람')}`);return <button type="button" key={index} aria-label={`${index+1}${korean?'번':''} ${t(kind)} · ${displayName}`} title={displayName} aria-pressed={active===index} onClick={()=>onSelect(index)}><span className="person-badge" aria-hidden="true">{index+1}</span><span className="person-name">{displayName}</span></button>;})}</div>}