import {
  __objRest,
  __spreadProps,
  __spreadValues
} from "./chunk-N552FDTV.js";

// src/atoms/check-box-group.tsx
import { CheckboxGroup as RadixCheckboxGroup } from "@radix-ui/themes";
import { forwardRef, useMemo } from "react";
import { jsx } from "react/jsx-runtime";
var Root = forwardRef((props, ref) => {
  const _a = props, { children, size } = _a, rest = __objRest(_a, ["children", "size"]);
  const groupSize = useMemo(() => {
    switch (size) {
      case "small":
        return "1";
      case "large":
        return "3";
      case "medium":
      default:
        return "2";
    }
  }, [size]);
  return /* @__PURE__ */ jsx(RadixCheckboxGroup.Root, __spreadProps(__spreadValues({}, rest), { ref, size: groupSize, children }));
});
Root.displayName = "CheckboxGroup.Root";
var CheckboxGroup = {
  Root,
  Item: RadixCheckboxGroup.Item
};

export {
  CheckboxGroup
};
//# sourceMappingURL=chunk-IQEEPHOY.js.map