'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 mx-auto max-w-[660px]', className)}>
      <img src="/images/crushcoin/divider.png" className="absolute -top-[24px] mx-auto w-full" />
    </div>
  )
  return (
    <div className={cn('relative mx-auto my-4 h-[3px] max-w-[598px]', className)}>
      <div
        className="absolute inset-0 rounded-full blur-lg"
        style={{
          background: '#D668F2',
        }}
      />

      <div className="absolute inset-0 px-[20px]">
        <div
          className="absolute inset-0 rounded-full blur-sm"
          style={{
            background:
              'linear-gradient(90deg, rgba(255, 222, 222, 0.00) 0%, #FFE8E8 49.04%, rgba(255, 227, 227, 0.00) 100%)',
          }}
        />
      </div>
    </div>
  )
}
