import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { View, XStack, YStack } from "tamagui";
import { Month } from "./Month.native.js";
import { MonthPickerButton } from "./MonthPickerButton.native.js";
import { YearPickerButton } from "./YearPickerButton.native.js";
function CalendarPicker(param) {
  var {
    activeMonths,
    monthsCount = 1,
    firstDayOfWeek,
    ...props
  } = param;
  return /* @__PURE__ */_jsx(View, {
    width: "100%",
    ...props,
    children: /* @__PURE__ */_jsx(YStack, {
      children: activeMonths.map(function (month, i) {
        return /* @__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.native.js.map
