@vela-ui/react/dist/chunk-XUJCP63A.mjs

Vela UI React components

import {
  cn
} from "./chunk-OCN72JL6.mjs";

// src/components/skeleton.tsx
import { jsx } from "react/jsx-runtime";
function Skeleton({ className, isLoaded, children, ...props }) {
  return /* @__PURE__ */ jsx(
    "div",
    {
      className: cn(
        "bg-accent group animate-pulse rounded-md data-[loaded=true]:animate-none",
        className
      ),
      "data-slot": "skeleton",
      "data-loaded": isLoaded ? "true" : void 0,
      ...props,
      children: children && /* @__PURE__ */ jsx("div", { className: "opacity-0 transition-opacity duration-300 group-data-[loaded=true]:opacity-100 motion-reduce:transition-none", children })
    }
  );
}

export {
  Skeleton
};