'use client';import { DayPicker } from 'react-day-picker';
import { BackIcon, ForwardIcon, DownIcon, UpIcon } from '@onbeam/icons';
import { calendar } from '@onbeam/styled-system/recipes';
import { jsx, Fragment } from 'react/jsx-runtime';

var a={left:BackIcon,right:ForwardIcon,down:DownIcon,up:UpIcon};var h="day-range-start",u="day-range-middle",g="day-range-end",o=({classNames:r,showOutsideDays:d=!0,...y})=>{let e=calendar();return jsx(DayPicker,{classNames:{months:e.monthsStyle,month_caption:e.monthCaptionStyle,nav:e.navStyle,button_previous:e.buttonPreviousStyle,button_next:e.buttonNextStyle,month_grid:e.monthGridStyle,weekdays:e.weekdaysStyle,weekday:e.weekdayStyle,week:e.weekStyle,day:e.dayStyle,day_button:e.dayButtonStyle,selected:e.selectedStyle,today:e.todayStyle,outside:e.outsideStyle,disabled:e.disabledStyle,range_start:h,range_middle:u,range_end:g,hidden:e.hiddenStyle,...r},components:{Chevron:({orientation:n})=>{if(!n)return jsx(Fragment,{});let l=a[n];return jsx(l,{height:12,width:12})}},showOutsideDays:d,...y})};o.displayName="Calendar";

export { o as a };
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-DG7BHES5.js.map