import { jsxs as n, jsx as t } from "react/jsx-runtime";
import { dFlexColumn as M, justifyContentCenter as i, alignItemsCenter as e, gap0_5 as T, dFlex as o, justifyContentBetween as h } from "./index-general.module.js";
import { classNames as r } from "./index-classNames.js";
import { translationService as j } from "./index-translation.service.js";
import { Button as d, ButtonSizes as f, ButtonTypes as p } from "./index-Button.js";
import { IconNames as g } from "./index-IconNames.js";
import { Text as s, FontWeights as a } from "./index-Text.js";
import y from "./index-moment.js";
import "react";
const _ = (u, l, x) => {
  const {
    showMonthArrow: A,
    locale: B,
    minDate: S,
    maxDate: W,
    showMonthAndYearPickers: b
  } = x, m = y(u), C = m.format("MMMM"), w = m.year(), N = j.translateArray(y.weekdaysShort(!0)), k = {
    padding: 20,
    alignItemsCenter: e,
    justifyContentCenter: i,
    height: 40
  }, v = {
    padding: 8,
    alignItemsCenter: e,
    justifyContentCenter: i,
    height: 40
  };
  return n("div", {
    className: M,
    children: [n("div", {
      style: k,
      className: r(o, h, e),
      children: [t(d, {
        onClick: () => l(-1, "monthOffset"),
        iconColor: "--n700",
        iconLeft: g.arrowLeft,
        type: p.default,
        size: f.small
      }), n("div", {
        className: r(o, T),
        children: [t(s, {
          textTight: !0,
          fontWeight: a.bold,
          children: C
        }), t(s, {
          translate: !1,
          textTight: !0,
          fontWeight: a.bold,
          children: w
        })]
      }), t(d, {
        onClick: () => l(1, "monthOffset"),
        iconColor: "--n700",
        iconLeft: g.arrowRight,
        type: p.default,
        size: f.small
      })]
    }), t("div", {
      style: v,
      className: r(o, h, e),
      children: N.map((c) => t("div", {
        className: r(o, e, i),
        style: {
          width: 44
        },
        children: t(s, {
          textTight: !0,
          fontWeight: a.bold,
          children: c
        })
      }, c))
    })]
  });
};
export {
  _ as DateRangePickerNavigator
};
