import { jsx as _jsx } from "react/jsx-runtime";
import { YearButton } from './year-button.js';
const YearGrid = ({ displayYears, startMonth, endMonth, 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, currentYear: currentYear, startMonth: startMonth, endMonth: endMonth, months: months, onSelect: onYearSelect }, year))) }));
};
YearGrid.displayName = 'YearGrid';
export { YearGrid };
//# sourceMappingURL=year-grid.js.map