import type { SiteName } from '@/components/dashboards/SiteStatus';

type SiteSelectorProps = {
  selectedSite: SiteName;
  setSelectedSite: (site: SiteName) => void;
};
const SiteSelector = ({ selectedSite, setSelectedSite }: SiteSelectorProps) => {
  return (
    <div className="flex flex-col ">
      <label htmlFor="site" className="font-semibold text-lg dark:text-white">Select Site:</label>
      <select
        id="site"
        className="border p-2 rounded dark:text-white dark:bg-rtgray-800 dark:border-rtgray-700"
        value={selectedSite}
        onChange={(e) => setSelectedSite(e.target.value as SiteName)}
      >
        <option>Site A</option>
        <option>Site B</option>
        <option>Site C</option>
      </select>
    </div>
  );
};

export default SiteSelector;