Spaces:
Running
Running
import React from 'react' | |
interface DatasetSelectorProps { | |
datasets: string[] | |
selectedDataset: string | |
onDatasetChange: (dataset: string) => void | |
} | |
const DatasetSelector: React.FC<DatasetSelectorProps> = ({ | |
datasets, | |
selectedDataset, | |
onDatasetChange, | |
}) => { | |
return ( | |
<div className="mb-4"> | |
<fieldset className="fieldset w-full p-4 rounded border"> | |
<legend className="fieldset-legend font-semibold">Dataset</legend> | |
<div className="flex flex-wrap gap-2"> | |
{datasets.map((dataset) => ( | |
<label key={dataset} className="flex items-center gap-2 cursor-pointer"> | |
<input | |
type="radio" | |
name="dataset" | |
className="radio radio-sm" | |
checked={selectedDataset === dataset} | |
onChange={() => onDatasetChange(dataset)} | |
/> | |
<span className="text-sm">{dataset}</span> | |
</label> | |
))} | |
</div> | |
</fieldset> | |
</div> | |
) | |
} | |
export default DatasetSelector | |