"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 };
