import { jsx as r, jsxs as a, Fragment as m } from "react/jsx-runtime";
import { useHasNextSiblingByAttribute as i } from "../hooks/useHasNextSiblingByAttribute.js";
import { cn as t } from "../utils/functions.js";
import { I as c } from "../index-20bzTFSx.js";
const x = ({ children: e, className: _, style: l }) => /* @__PURE__ */ r("div", { style: l, className: t("_flex _w-full _flex-col _gap-[5px] md:!_flex-row md:_gap-[24px]", _), children: e }), f = ({ isMain: e = !1, rowNumber: _ = "", title: l, subTitle: s = "", subComponent: o, children: p }) => {
  const { ref: n, hasSiblingElement: d } = i({ attribute: "data-main" });
  return /* @__PURE__ */ a(
    "div",
    {
      ref: n,
      "data-main": e,
      className: t(
        "_grid _grid-cols-[30px_1fr] md:_grid-cols-[50px_1fr_1fr_1fr] xl:_items-center _border-b-[0.5px] _border-silver/50 last:_border-b-[0px] last:_border-transparent first:_border-b-[0.5px]",
        { "_bg-lightSilver/50": !e },
        { " _border-transparent _border-b-[0px] first:_border-b-[0px]": e || d }
      ),
      children: [
        /* @__PURE__ */ r(
          "span",
          {
            className: t(
              "_h-full font-semibold _row-span-2 md:_row-span-1 _flex _justify-center _items-center _text-secondary _bg-primary/10 _py-[5px] _font-semibold",
              { "xl:_pl-[55px] xl:_bg-lightSilver/50 xl:_text-input": !e }
            ),
            children: _
          }
        ),
        /* @__PURE__ */ a(
          "div",
          {
            className: t("_col-span-2 _col-start-2 _flex _h-full _flex-col _py-[5px]", {
              "_bg-primary/10 _text-secondary": e,
              "xl:_pl-[25px]": !e,
              "_justify-center": !s || !o
            }),
            children: [
              typeof l == "string" ? /* @__PURE__ */ r("p", { className: t("_text-common _font-normal", { "_font-bold": e }), children: l }) : l,
              o ? /* @__PURE__ */ r(m, { children: o }) : /* @__PURE__ */ r("p", { className: "_text-minimum", children: s })
            ]
          }
        ),
        /* @__PURE__ */ r(
          "div",
          {
            className: t("_col-start-2 _col-end-4 _inline-grid _h-full _items-center _py-[5px] _pr-2 md:_col-auto", {
              "_bg-primary/10": e
            }),
            children: p
          }
        )
      ]
    }
  );
}, b = ({ formNumber: e, formTitle: _, formConsecutive: l }) => /* @__PURE__ */ a(m, { children: [
  /* @__PURE__ */ a("div", { className: "_mb-6 _flex _gap-2  _border-b-2 _border-primary _pb-0.5", children: [
    /* @__PURE__ */ r("span", { className: "_my-auto _h-fit _rounded-md _bg-primary _p-3 _text-4xl _font-semibold _text-white", children: e }),
    /* @__PURE__ */ r("h1", { className: "_line-clamp-2 _w-full _py-2 _text-3xl _font-semibold _text-primary", children: _ })
  ] }),
  /* @__PURE__ */ r(
    c,
    {
      inputProps: { className: "xl:_flex-[0.58]", disabled: !0, value: l },
      labelClass: "_text-maximun _font-semibold _my-auto",
      className: "!_flex-row _gap-2 _mb-10 ",
      label: "Número de Formulario"
    }
  )
] }), u = ({ children: e }) => /* @__PURE__ */ r("div", { className: "_full _mt-10 _flex _justify-between", children: e }), v = {
  InputsWrapper: x,
  RowInputsWrapper: f,
  HeaderFormSection: b,
  FooterFormSection: u
};
export {
  v as default
};
