import { jsx as l, jsxs as s } from "react/jsx-runtime";
import { Skeleton as e } from "./SkeletonPrimitive.js";
import a from "../box/Box.js";
const c = {
  default: /* @__PURE__ */ s(a, { className: "flex w-full items-center gap-4", children: [
    /* @__PURE__ */ l(e, { className: "h-16 w-16 rounded-full" }),
    /* @__PURE__ */ s(a, { className: "space-y-2 flex-1", children: [
      /* @__PURE__ */ l(e, { className: "h-4 w-full" }),
      /* @__PURE__ */ l(e, { className: "h-4 w-3/4" })
    ] })
  ] }),
  card: /* @__PURE__ */ s(a, { className: "space-y-5 w-full", children: [
    /* @__PURE__ */ l(e, { className: "h-52 w-full rounded-lg" }),
    /* @__PURE__ */ l(e, { className: "h-4 w-1/3" }),
    /* @__PURE__ */ l(e, { className: "h-4 w-full" })
  ] }),
  text: /* @__PURE__ */ s(a, { className: "space-y-2 w-full", children: [
    /* @__PURE__ */ l(e, { className: "h-4 w-full" }),
    /* @__PURE__ */ l(e, { className: "h-4 w-3/4" })
  ] }),
  line: /* @__PURE__ */ l(a, { className: "w-full", children: /* @__PURE__ */ l(e, { className: "h-4 w-full" }) })
}, f = ({ variant: t = "default", ...m }) => {
  const n = c[t] ?? c.default;
  return /* @__PURE__ */ l(a, { className: "w-full", ...m, children: n });
};
f.displayName = "Skeleton";
export {
  f as default
};
//# sourceMappingURL=Skeleton.js.map
