@heroui/skeleton
Version:
Skeleton is used to display the loading state of some component.
19 lines (16 loc) • 573 B
JavaScript
"use client";
import {
useSkeleton
} from "./chunk-XB6FZTQR.mjs";
// src/skeleton.tsx
import { forwardRef } from "@heroui/system";
import { jsx } from "react/jsx-runtime";
var Skeleton = forwardRef((props, ref) => {
const { Component, children, getSkeletonProps, getContentProps } = useSkeleton({ ...props });
return /* @__PURE__ */ jsx(Component, { ref, ...getSkeletonProps(), children: /* @__PURE__ */ jsx("div", { ...getContentProps(), children }) });
});
Skeleton.displayName = "HeroUI.Skeleton";
var skeleton_default = Skeleton;
export {
skeleton_default
};