import { jsx as t } from "react/jsx-runtime";
import { c as o } from "./bind-CU-R61T-.mjs";
const n = "_loading_rzc29_1", _ = {
  "purpur-skeleton": "_purpur-skeleton_rzc29_1",
  loading: n,
  "purpur-skeleton--default": "_purpur-skeleton--default_rzc29_24",
  "purpur-skeleton--negative": "_purpur-skeleton--negative_rzc29_30",
  "purpur-skeleton--xs": "_purpur-skeleton--xs_rzc29_36",
  "purpur-skeleton--sm": "_purpur-skeleton--sm_rzc29_39",
  "purpur-skeleton--md": "_purpur-skeleton--md_rzc29_42",
  "purpur-skeleton--lg": "_purpur-skeleton--lg_rzc29_45",
  "purpur-skeleton--full": "_purpur-skeleton--full_rzc29_48"
}, i = ["xs", "sm", "md", "lg", "full"], a = o.bind(_), e = "purpur-skeleton", c = ({
  className: r,
  radius: s = "xs",
  negative: u = !1,
  ...l
}) => {
  const p = a(
    r,
    e,
    `${e}--${u ? "negative" : "default"}`,
    `${e}--${s}`
  );
  return /* @__PURE__ */ t("div", { className: p, ...l });
};
c.displayName = "Skeleton";
export {
  c as S,
  i as r
};
//# sourceMappingURL=skeleton-CDGzLI-T.mjs.map
