import { j as o } from "../../../../_virtual/jsx-runtime.js";
import { getId as h } from "../../../../utils/index.js";
import { Chip as d } from "../../../Chip/Chip.js";
import { getMonthName as l } from "../../dateUtils.js";
import { PeriodWrapper as f, PeriodName as j } from "../../styles.js";
function C({
  width: s,
  height: a,
  locale: i,
  currentMonth: m,
  "data-testid": r,
  updateCurrentMonth: p
}) {
  const n = h(r), c = (e) => {
    p(e);
  };
  return /* @__PURE__ */ o.jsx(f, { style: { width: s, height: a }, "data-testid": r, children: [...Array(12)].map((e, t) => /* @__PURE__ */ o.jsx(j, { children: /* @__PURE__ */ o.jsx(
    d,
    {
      selected: t === m,
      onClick: () => c(t),
      label: l(t, i, "short"),
      variant: "ghost",
      "data-testid": n(`chip-${t}`)
    }
  ) }, t)) });
}
export {
  C as Month
};
