2025-08-07 16:46:11 +08:00

27 lines
796 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 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;