nextuiq
Version:
NextUIQ is a modern, lightweight, and developer-friendly UI component library for React and Next.js. Built with TypeScript and Tailwind CSS, it offers customizable, accessible, and performance-optimized components with built-in dark mode, theme customizat
39 lines (36 loc) • 1.36 kB
JavaScript
import { j as jsxRuntimeExports } from './index46.mjs';
const Loader = ({ className = "", variant = "pulse" }) => {
if (variant === "circular") {
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `animate-[var(--loader-spin-animation)] ${className}`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
"svg",
{
className: "size-full text-[oklch(var(--theme-primary))]",
viewBox: "0 0 24 24",
fill: "none",
stroke: "currentColor",
children: [
/* @__PURE__ */ jsxRuntimeExports.jsx(
"circle",
{
className: "opacity-[var(--loader-track-opacity)]",
cx: "12",
cy: "12",
r: "10",
strokeWidth: "4"
}
),
/* @__PURE__ */ jsxRuntimeExports.jsx(
"path",
{
className: "opacity-[var(--loader-indicator-opacity)]",
fill: "currentColor",
d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
}
)
]
}
) });
}
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `animate-[var(--loader-pulse-animation)] rounded-lg bg-[oklch(var(--theme-muted))] ${className}` });
};
export { Loader };