/** Product logo mark used in the sidebar header. */
export function BrandMark({ size = 31 }: { size?: number }) {
  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 32 32"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden
    >
      <path
        d="M16 3.5 27 9.8v12.4L16 28.5 5 22.2V9.8L16 3.5Z"
        fill="currentColor"
        opacity=".2"
      />
      <path
        d="M16 7.7 23.4 12v8L16 24.3 8.6 20v-8L16 7.7Z"
        fill="currentColor"
      />
      <circle cx="16" cy="16" r="3.3" fill="white" />
    </svg>
  );
}