// Detail router — picks the right detail component by skill kind
const Detail = ({ kind, turn, onBack, onExport }) => {
  switch (kind) {
    case 'quote':    return <QuoteDetail turn={turn} onBack={onBack} onExport={onExport} />;
    case 'combined': return <CombinedDetail turn={turn} onBack={onBack} onExport={onExport} />;
    case 'compare':  return <CompareDetail turn={turn} onBack={onBack} onExport={onExport} />;
    case 'quantity':
    default:         return <QuantityDetail turn={turn} onBack={onBack} onExport={onExport} />;
  }
};

window.Detail = Detail;