import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button } from '../../../../../../scalars/components/fragments/button/index.js';
import { cn } from '../../../../../../scalars/lib/utils.js';
const CalendarDateFooter = ({ navView, setNavView }) => {
    return (_jsxs("div", { className: cn('flex flex-row justify-between', 'date-picker__date-footer'), children: [_jsx(Button, { variant: "ghost", onClick: () => {
                    setNavView('years');
                }, className: cn('w-[114px] py-2 text-gray-500', 'rounded-[6px] border border-gray-200 bg-white', navView === 'years' && 'bg-gray-100'), children: "Year" }), _jsx(Button, { variant: "ghost", onClick: () => {
                    setNavView('months');
                }, className: cn('w-[114px] py-2 text-gray-500', 'rounded-[6px] border border-gray-200 bg-white', navView === 'months' && 'bg-gray-100'), children: "Month" })] }));
};
export default CalendarDateFooter;
//# sourceMappingURL=calendar-date-footer.js.map