2025-06-03 16:56:25 +08:00

27 lines
722 B
TypeScript

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">Select Site:</label>
<select
id="site"
className="border p-2 rounded"
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;