import { View, XStack, YStack } from "tamagui";
import { Month } from "./Month";
import { MonthPickerButton } from "./MonthPickerButton";
import { YearPickerButton } from "./YearPickerButton";
import { jsx, jsxs } from "react/jsx-runtime";
function CalendarPicker({
  activeMonths,
  monthsCount = 1,
  firstDayOfWeek,
  ...props
}) {
  return /* @__PURE__ */ jsx(View, { width: "100%", ...props, children: /* @__PURE__ */ jsx(YStack, { children: activeMonths.map((month, i) => /* @__PURE__ */ jsxs(View, { children: [
    /* @__PURE__ */ jsxs(XStack, { mt: 8, mb: 28, children: [
      /* @__PURE__ */ jsx(
        MonthPickerButton,
        {
          activeMonth: month,
          monthsCount,
          isFirst: monthsCount === 0 || i === 0,
          isLast: monthsCount === 0 || i === monthsCount - 1
        }
      ),
      /* @__PURE__ */ jsx(YearPickerButton, { activeMonth: month })
    ] }),
    /* @__PURE__ */ jsx(
      Month,
      {
        year: month.year,
        month: month.month,
        firstDayOfWeek
      }
    )
  ] }, `calender-picker-${i}`)) }) });
}
export {
  CalendarPicker
};
//# sourceMappingURL=CalendarPicker.js.map
