Gradient Blinds

// Import name must always be `Component` per demo rules.
import Component from "@/components/ui/gradient-blinds";

export default function GradientBlindsBasic() {
  return (
    <div style={{ width: "100%", height: 600, position: "relative" }}>
      <Component
        gradientColors={["#FF9FFC", "#5227FF"]}
        angle={0}
        noise={0.3}
        blindCount={12}
        blindMinWidth={50}
        spotlightRadius={0.5}
        spotlightSoftness={1}
        spotlightOpacity={1}
        mouseDampening={0.15}
        distortAmount={0}
        shineDirection="left"
        mixBlendMode="lighten"
      />
    </div>
  );
}