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