lightswind
Version:
A collection of beautifully crafted React Components, Blocks & Templates for Modern Developers. Create stunning web applications effortlessly by using our 160+ professional and animated react components.
12 lines • 1.07 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.DotPattern = DotPattern;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const utils_1 = require("@/components/lib/utils");
function DotPattern({ width = 16, height = 16, x = 0, y = 0, cx = 1, cy = 1, cr = 1, className, ...props }) {
const id = (0, react_1.useId)();
return ((0, jsx_runtime_1.jsxs)("svg", { "aria-hidden": "true", className: (0, utils_1.cn)("pointer-events-none absolute inset-0 h-full w-full fill-neutral-400/80 blur-[1px] animate-dotPatternMotion", className), ...props, children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("pattern", { id: id, width: width, height: height, patternUnits: "userSpaceOnUse", patternTransform: "translate(0,0)", children: (0, jsx_runtime_1.jsx)("circle", { cx: cx, cy: cy, r: cr }) }) }), (0, jsx_runtime_1.jsx)("rect", { width: "100%", height: "100%", strokeWidth: 0, fill: `url(#${id})` })] }));
}
exports.default = DotPattern;
//# sourceMappingURL=dot-pattern.js.map