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

interface BrandMarkProps {
  href?: string;
  priority?: boolean;
  variant?: 'dark' | 'light';
  collapsed?: boolean;
}

export function BrandMark({ href = '/', collapsed = false }: BrandMarkProps) {
  return (
    <Link href={href} variant="inherit" underline="none">
      <Box display="flex" alignItems="center" justifyContent={collapsed ? 'center' : 'start'}>
        <Image
          src="/images/logos/icon-square-dark.svg"
          alt="GridPilot"
          style={{ height: '3rem', width: 'auto' }}
        />
      </Box>
    </Link>
  );
}