omnisealbench / frontend /src /components /DatasetSelector.tsx
Mark Duppenthaler
Add dataset selector
54be5f9
raw
history blame
1.05 kB
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