File size: 1,131 Bytes
54be5f9
 
 
b087e88
 
 
54be5f9
 
 
b087e88
 
 
54be5f9
 
ca345b7
 
54be5f9
 
b087e88
 
54be5f9
 
 
 
b087e88
 
54be5f9
b087e88
54be5f9
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import React from 'react'

interface DatasetSelectorProps {
  datasetNames: string[]
  selectedDatasetName: string
  onDatasetNameChange: (datasetName: string) => void
}

const DatasetSelector: React.FC<DatasetSelectorProps> = ({
  datasetNames,
  selectedDatasetName,
  onDatasetNameChange,
}) => {
  return (
    <div className="">
      <fieldset className="fieldset w-full p-4 rounded border border-gray-700 bg-base-200">
        <legend className="fieldset-legend font-semibold">Dataset</legend>
        <div className="flex flex-wrap gap-2">
          {datasetNames.map((datasetName) => (
            <label key={datasetName} className="flex items-center gap-2 cursor-pointer">
              <input
                type="radio"
                name="dataset"
                className="radio radio-sm"
                checked={selectedDatasetName === datasetName}
                onChange={() => onDatasetNameChange(datasetName)}
              />
              <span className="text-sm">{datasetName}</span>
            </label>
          ))}
        </div>
      </fieldset>
    </div>
  )
}

export default DatasetSelector