import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ChevronLeft, ChevronRight } from "@truststack/icons-ui";
import { Pressable } from "react-native";
import { XStack } from "tamagui";
import { useDatepickerContext } from "./DatePickerProvider.native.js";
import { Icon } from "./Icon.native.js";
import { YearPicker } from "./YearPicker.native.js";
function YearPickerButton(param) {
  var {
      activeMonth
    } = param,
    {
      goToPreviousYear,
      goToNextYear
    } = useDatepickerContext();
  return /* @__PURE__ */_jsxs(XStack, {
    width: "50%",
    alignItems: "center",
    justifyContent: "space-between",
    children: [/* @__PURE__ */_jsx(Pressable, {
      onPress: function () {
        return goToPreviousYear(1);
      },
      children: /* @__PURE__ */_jsx(Icon, {
        icon: ChevronLeft
      })
    }), /* @__PURE__ */_jsx(YearPicker, {
      value: activeMonth.year
    }), /* @__PURE__ */_jsx(Pressable, {
      onPress: function () {
        return goToNextYear(1);
      },
      children: /* @__PURE__ */_jsx(Icon, {
        icon: ChevronRight
      })
    })]
  });
}
export { YearPickerButton };
//# sourceMappingURL=YearPickerButton.native.js.map
