import { SITE_NAME } from 'lib/constants';

export default function LogoIcon({ className }: { className?: string }) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      aria-label={`${SITE_NAME} logo`}
      viewBox="0 0 32 32"
      strokeWidth="1.5"
      strokeLinecap="round"
      strokeLinejoin="round"
      shapeRendering="geometricPrecision"
      className={className}
    >
      <rect width="100%" height="100%" rx="16" className="fill-black dark:fill-white" />
      <path
        className=" fill-white dark:fill-black"
        d="M17.6482 10.1305L15.8785 7.02583L7.02979 22.5499H10.5278L17.6482 10.1305ZM19.8798 14.0457L18.11 17.1983L19.394 19.4511H16.8453L15.1056 22.5499H24.7272L19.8798 14.0457Z"
      />
    </svg>
  );
}