import { jsx as _jsx } from "react/jsx-runtime";
import { Button } from '../../../../../../scalars/components/fragments/button/index.js';
import { cn } from '../../../../../../scalars/lib/utils.js';
import { MONTHS } from '../utils.js';
const MonthView = ({ actualMonth, actualYear, onMonthSelect }) => {
    return (_jsx("div", { className: "grid grid-cols-3 gap-x-[14px] gap-y-[15px]", children: MONTHS.flat().map((month) => (_jsx(Button, { variant: "ghost", className: cn('w-full px-[2px] py-[5px] text-[12px] leading-[18px] text-gray-900', month === actualMonth && 'bg-gray-900 hover:bg-gray-900', 'hover:bg-gray-100', month === actualMonth && 'bg-gray-900 text-white hover:bg-gray-900'), onClick: () => {
                onMonthSelect(parseInt(actualYear), MONTHS.indexOf(month));
            }, children: month }, month))) }));
};
MonthView.displayName = 'MonthView';
export { MonthView };
//# sourceMappingURL=month-view.js.map