"use client"; import React from "react"; import { motion } from "framer-motion"; import { cn } from "@/lib/utils"; interface BeamPath { path: string; gradientConfig: { initial: { x1: string; x2: string; y1: string; y2: string; }; animate: { x1: string | string[]; x2: string | string[]; y1: string | string[]; y2: string | string[]; }; transition?: { duration?: number; repeat?: number; repeatType?: string; ease?: string; repeatDelay?: number; delay?: number; }; }; connectionPoints?: Array<{ cx: number; cy: number; r: number; }>; } interface PulseBeamsProps { children?: React.ReactNode; className?: string; background?: React.ReactNode; beams: BeamPath[]; width?: number; height?: number; baseColor?: string; accentColor?: string; gradientColors?: { start: string; middle: string; end: string; }; } export const PulseBeams = ({ children, className, background, beams, width = 858, height = 434, baseColor = "var(--slate-800)", accentColor = "var(--slate-600)", gradientColors, }: PulseBeamsProps) => { return (

{background}

{children}

); }; const SVGs = ({ beams, width, height, baseColor, accentColor, gradientColors }) => { return ( ); }; const GradientColors = ({ colors = { start: "#18CCFC", middle: "#6344F5", end: "#AE48FF" } }) => { return ( <> ); };