import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cn } from "#scalars";
import { Button } from "../../../../../../scalars/components/fragments/button/index.js";
const CalendarDateHeader = ({ navView, setNavView, }) => {
    return (_jsxs("div", { className: "flex flex-row justify-between", 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 CalendarDateHeader;
//# sourceMappingURL=calendar-date-header.js.map