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