26 lines
856 B
TypeScript
26 lines
856 B
TypeScript
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/app/_components/ui/select"
|
|
|
|
type YearSelectorProps = {
|
|
years: number[]
|
|
selectedYear: string
|
|
onChange: (year: string) => void
|
|
className?: string
|
|
}
|
|
|
|
export default function YearSelector({ years, selectedYear, onChange, className = "" }: YearSelectorProps) {
|
|
return (
|
|
<Select value={selectedYear} onValueChange={onChange}>
|
|
<SelectTrigger className={`w-[180px] ${className}`}>
|
|
<SelectValue placeholder="Select Year" />
|
|
</SelectTrigger>
|
|
<SelectContent>
|
|
{years.map((year) => (
|
|
<SelectItem key={year} value={year.toString()}>
|
|
{year}
|
|
</SelectItem>
|
|
))}
|
|
</SelectContent>
|
|
</Select>
|
|
)
|
|
}
|