import { jsx as s, Fragment as x } from "react/jsx-runtime";
import { useMemo as b } from "react";
import { c as N, s as P, b as $, a as g } from "../tools/tools.js";
const C = function(h) {
  const {
    animation: e,
    as: r = "span",
    bg: a,
    children: n,
    className: t,
    col: l,
    dropOldClass: c,
    size: o,
    style: i,
    variables: m,
    ...p
  } = h, d = b(() => {
    const y = N(
      !c && "placeholder",
      l && `col-${l}`,
      a && `bg-${a}`,
      o && `placeholder-${o}`,
      t
    ), f = P((v, u) => ({ tKey: g(u) }), m, i);
    return {
      className: y,
      style: f
    };
  }, [a, t, l, c, o, i, m]);
  return /* @__PURE__ */ s(x, { children: e ? /* @__PURE__ */ s("span", { className: $(null, e && `placeholder-${e}`), children: /* @__PURE__ */ s(r, { ...p, ...d, children: n }) }) : /* @__PURE__ */ s(r, { ...p, ...d, children: n }) });
};
C.displayName = "BRL.Placeholder";
export {
  C as P
};
//# sourceMappingURL=placeholder.js.map
