36 lines
722 B
TypeScript
36 lines
722 B
TypeScript
"use client";
|
|
|
|
import { cn } from "@/lib/utils";
|
|
import styles from "./GradientBlur.module.css";
|
|
|
|
interface GradientBlurProps extends React.ComponentProps<"div"> {
|
|
gradientClassName?: string;
|
|
isActiveBlur?: boolean;
|
|
}
|
|
|
|
function GradientBlur({
|
|
className,
|
|
children,
|
|
gradientClassName,
|
|
isActiveBlur = true,
|
|
...props
|
|
}: GradientBlurProps) {
|
|
return (
|
|
<div className={cn(styles.gradientContainer, className)} {...props}>
|
|
{children}
|
|
{isActiveBlur && (
|
|
<div className={cn(styles.gradientBlur, gradientClassName)}>
|
|
<div />
|
|
<div />
|
|
<div />
|
|
<div />
|
|
<div />
|
|
<div />
|
|
</div>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export { GradientBlur };
|