import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__ from "@chakra-ui/react";
import * as __WEBPACK_EXTERNAL_MODULE_react_day_picker__ from "react-day-picker";
import * as __WEBPACK_EXTERNAL_MODULE_react_icons_md__ from "react-icons/md";
import "react-day-picker/dist/style.css";
const Calendar = ({ showOutsideDays = true, ...props })=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_react_day_picker__.DayPicker, {
        showOutsideDays: showOutsideDays,
        "data-testid": "calendar-day-picker",
        components: {
            IconLeft: ({ ...props })=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Icon, {
                    as: __WEBPACK_EXTERNAL_MODULE_react_icons_md__.MdChevronLeft,
                    "data-testid": "calendar-icon-left",
                    ...props,
                    h: 4,
                    w: 4
                }),
            IconRight: ({ ...props })=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Icon, {
                    as: __WEBPACK_EXTERNAL_MODULE_react_icons_md__.MdChevronRight,
                    "data-testid": "calendar-icon-right",
                    ...props,
                    h: 4,
                    w: 4
                })
        },
        styles: {
            day: {
                width: 35,
                height: 35
            },
            root: {
                accentColor: '#ff0000'
            }
        },
        ...props
    });
Calendar.displayName = 'Calendar';
/* ESM default export */ const Calendar_rslib_entry_ = Calendar;
export { Calendar_rslib_entry_ as default };
