"use client";

import React from "react";
import { cn } from "@/lib/utils";

interface GradientDividerProps {
  className?: string;
}

export function GradientDivider({ className }: GradientDividerProps) {

  return (
    <div className={cn("relative max-w-[660px] mx-auto", className)}>
      <img src="/images/crushcoin/divider.png" className="absolute w-full mx-auto -top-[24px]" />
    </div>
  ) 
  return (
    <div className={cn("relative max-w-[598px] mx-auto h-[3px] my-4", className)}>
      <div
        className="absolute inset-0 blur-lg rounded-full"
        style={{
          background: "#D668F2",
        }}
      />
      
      <div className="absolute inset-0 px-[20px]">
        <div
          className="absolute inset-0 blur-sm rounded-full"
          style={{
            background: "linear-gradient(90deg, rgba(255, 222, 222, 0.00) 0%, #FFE8E8 49.04%, rgba(255, 227, 227, 0.00) 100%)"
          }}
        />
      </div>
    </div>
  );
}
