1  import { cn } from '@/lib/utils'
 2  
 3  interface ChartCardProps {
 4    title: string
 5    actions?: React.ReactNode
 6    children: React.ReactNode
 7    className?: string
 8  }
 9  
10  export function ChartCard({ title, actions, children, className }: ChartCardProps) {
11    return (
12      <div className={cn('bg-surface-2 rounded-[12px] p-5 border border-white/[0.04] hover:border-white/[0.1] transition-colors', className)}>
13        <div className="flex items-center justify-between mb-4">
14          <h3 className="font-display text-[14px] font-600 text-text-2">{title}</h3>
15          {actions}
16        </div>
17        {children}
18      </div>
19    )
20  }