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.
20 lines • 1.22 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const clsx_1 = __importDefault(require("clsx"));
const StripesBackground = ({ className, position = "right", width = "w-full", height = "h-full", opacity = "opacity-30", // This opacity applies to the div itself
}) => {
const positionStyles = {
right: "absolute top-0 right-0",
left: "absolute top-0 left-0",
top: "absolute top-0 left-0 w-full h-32",
bottom: "absolute bottom-0 left-0 w-full h-32",
full: "absolute inset-0",
};
return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)("pointer-events-none z-10", "bg-[repeating-linear-gradient(45deg,_#00000066_0px,_#00000066_1px,_transparent_1px,_transparent_6px)]", "dark:bg-[repeating-linear-gradient(45deg,_#ffffff66_0px,_#ffffff66_1px,_transparent_1px,_transparent_6px)]", positionStyles[position], width, height, opacity, className) }));
};
exports.default = StripesBackground;
//# sourceMappingURL=stripes-background.js.map