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

export function Brand({ className }: { className?: string }) {
  return (
    <span className={cn('flex items-center gap-2 font-medium', className)}>
      <svg
        width="22"
        height="22"
        viewBox="0 0 24 24"
        fill="none"
        aria-hidden="true"
        className="shrink-0"
      >
        <path d="M12 2L23 21H1L12 2Z" fill="currentColor" />
      </svg>
      <span className="text-[17px] tracking-tight">{siteConfig.name}</span>
    </span>
  );
}