import type { HTMLAttributes } from 'react'

type Props = HTMLAttributes<HTMLDivElement> & {
  hover?: boolean
}

export function GlassCard({ hover = true, className = '', children, ...rest }: Props) {
  return (
    <div
      className={`bg-white/80 backdrop-blur-md border border-nearle-border rounded-2xl p-6 shadow-nearle-sm transition-all duration-300 ${
        hover ? 'hover:border-purple-primary hover:shadow-nearle-md hover:-translate-y-1' : ''
      } ${className}`}
      {...rest}
    >
      {children}
    </div>
  )
}
