import type { LucideIcon } from 'lucide-react';

/**
 * Uniform card-header icon badge (Figma "Performance" spec):
 * 42px square, subtle white fill + hairline border, 13px radius, monochrome glyph.
 * Shared across every analytics card so the header treatment stays consistent.
 */
export function CardIcon({ icon: Icon, className = '' }: { icon: LucideIcon; className?: string }) {
    return (
        <div
            className={`flex size-[42px] shrink-0 items-center justify-center rounded-[13px] border-[0.75px] border-white/10 bg-white/[0.04] ${className}`}
        >
            <Icon className="size-5 text-white" />
        </div>
    );
}