import { cn } from '@/lib/utils';

export default function Logo({ className, withWord = true }: { className?: string; withWord?: boolean }) {
    return (
        <span className={cn('inline-flex items-center gap-2 font-semibold tracking-tight', className)}>
            <svg viewBox="0 0 32 32" className="size-6" aria-hidden>
                <defs>
                    <linearGradient id="aether-g" x1="0" y1="0" x2="1" y2="1">
                        <stop offset="0" stopColor="var(--primary)" />
                        <stop offset="1" stopColor="var(--primary)" stopOpacity="0.45" />
                    </linearGradient>
                </defs>
                <rect x="2" y="2" width="28" height="28" rx="9" fill="url(#aether-g)" />
                <path d="M9 22 16 9l7 13M12 18h8" fill="none" stroke="var(--primary-foreground)" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" />
            </svg>
            {withWord && <span>Aether</span>}
        </span>
    );
}