import { x as l, j as d, z as a } from "./index-c65ca4a4.mjs";
const i = ({
  title: t,
  grouped: x = !1,
  gap: m = "md",
  margins: s = "md",
  marginTop: r = !1,
  marginBottom: b = !0,
  className: f = "",
  children: o
}) => {
  let e = l(
    "flex flex-col",
    m === "sm" && "gap-6",
    m === "md" && "gap-8",
    m === "lg" && "gap-11"
  );
  s || (s = m), b && (e = l(
    e,
    s === "sm" && "mb-7",
    s === "md" && "mb-11",
    s === "lg" && "mb-14"
  )), r && (e = l(
    e,
    s === "sm" && "mt-7",
    s === "md" && "mt-11",
    s === "lg" && "mt-14"
  )), x && (e = l(
    e,
    "rounded-sm border border-grey-200 p-4 md:p-7"
  ));
  let c = l(
    x ? "mb-2" : "mb-3"
  );
  return x || t ? /* @__PURE__ */ d.jsxs("div", { className: f, children: [
    t && /* @__PURE__ */ d.jsx(a, { className: c, level: 5, children: t }),
    /* @__PURE__ */ d.jsx("div", { className: e, children: o })
  ] }) : /* @__PURE__ */ d.jsx("div", { className: e + f, children: o });
};
export {
  i as F
};
//# sourceMappingURL=Form-f4ced0f0.mjs.map
