import { Box } from '@/ui/Box';
import { Link } from '@/ui/Link';
import { Image } from '@/ui/Image';

interface BrandMarkProps {
  href?: string;
  priority?: boolean;
}

export function BrandMark({ href = '/' }: BrandMarkProps) {
  return (
    <Link href={href} variant="inherit" underline="none">
      <Box display="flex" alignItems="center" gap={2}>
        <Image
          src="/images/logos/square-logo-dark.svg"
          alt=""
          style={{ height: '1.5rem', width: 'auto' }}
        />

        <Image
          src="/images/logos/wordmark-rectangle-dark.svg"
          alt="GridPilot"
          style={{ height: '1.125rem', width: 'auto' }}
        />
      </Box>
    </Link>
  );
}
