@stratakit/bricks/dist/DEV/Skeleton.js

Small, modular components for StrataKit

import { jsx } from "react/jsx-runtime";
import { Role } from "@ariakit/react/role";
import { forwardRef } from "@stratakit/foundations/secret-internals";
import cx from "classnames";
import { useInit } from "./~utils.useInit.js";
const Skeleton = forwardRef((props, forwardedRef) => {
  useInit();
  const { variant = "text", size = "medium", ...rest } = props;
  return /* @__PURE__ */ jsx(
    Role.div,
    {
      ...rest,
      ref: forwardedRef,
      className: cx("\u{1F95D}Skeleton", props.className),
      "data-_sk-variant": variant,
      "data-_sk-size": size,
      "aria-hidden": true
    }
  );
});
DEV: Skeleton.displayName = "Skeleton";
var Skeleton_default = Skeleton;
export {
  Skeleton_default as default
};