import { jsx as _jsx } from "react/jsx-runtime";
import { format } from "date-fns";
import YearButton from "./year-button.js";
export const YearGrid = ({ displayYears, startMonth, endMonth, actualMonth, months, currentYear, onYearSelect, }) => {
    const years = Array.from({ length: displayYears.to - displayYears.from + 1 }, (_, i) => displayYears.from + i);
    return (_jsx("div", { className: "grid grid-cols-3 gap-x-[14px] gap-y-[15px]", children: years.map((year) => (_jsx(YearButton, { year: year, actualYear: format(months[0].date, "yyyy"), currentYear: currentYear, startMonth: startMonth, endMonth: endMonth, actualMonth: actualMonth, months: months, onSelect: onYearSelect }, year))) }));
};
//# sourceMappingURL=year-grid.js.map