import {SVGAttributes} from 'react';
import {useTheme} from '@emotion/react';

interface ErrorGemlinProps extends SVGAttributes<SVGSVGElement> {}

export function ErrorGremlinBody(props: ErrorGemlinProps) {
  const theme = useTheme();

  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={30}
      shapeRendering="geometricPrecision"
      textRendering="geometricPrecision"
      viewBox="20 20 30 30"
      {...props}
    >
      <g id="gremlin-body">
        <path
          d="M 29.4,22.4 49.5,47.7 45.2,48 27.9,24.7 28.6,22.4 Z"
          fill={theme.white}
          stroke="none"
          id="body-highlight"
        />
        <path
          d="m 27.743424,24.688512 -5.5496,23.5303 c -0.0676,0.2866 0.3176,0.6164 0.7059,0.6063 l 24.7162,-0.6428 c 0.6434,-0.0167 1.0757,-0.4727 0.7772,-0.8333 l -19.1186,-23.0978 c -0.4743,-0.573 -1.3535,-0.3153 -1.531,0.4373 z"
          fill="#ebb432"
          id="body-fill"
        />
        <path
          d="m 22.682324,49.147012 c -0.3135,0 -0.625,-0.1479 -0.8203,-0.3911 -0.1582,-0.1968 -0.2168,-0.4365 -0.1611,-0.6577 l 6.3037,-25.1201 c 0.1221,-0.4854 0.4834,-0.8496 0.9443,-0.9507 0.4287,-0.0938 0.8369,0.0566 1.1113,0.3979 l 19.6611,24.5239 c 0.1846,0.2314 0.2217,0.5278 0.0996,0.7925 -0.167,0.3618 -0.5977,0.6055 -1.0967,0.6206 l -26.0107,0.7842 c -0.0107,5e-4 -0.0205,5e-4 -0.0312,5e-4 z m -0.1201,-0.8325 v 5e-4 z m 0.0225,-0.0884 c 0.0273,0.0176 0.0576,0.0308 0.1016,0.0327 l 26.0107,-0.7842 c 0.1162,-0.0034 0.2021,-0.0337 0.2568,-0.063 l -19.5869,-24.4307 c -0.0615,-0.0771 -0.1436,-0.1055 -0.2275,-0.0859 -0.1016,0.022 -0.2266,0.1123 -0.2734,0.2988 v 0 l -6.2812,25.0322 z m 5.8506,-25.1953 h 0.01 z"
          fill="#2f1d4a"
          id="body-outline"
        />
        <polygon
          points="121.3446,14.9985 123.7864,14.5629 124.6765,23.3143 123.2968,23.4974 "
          transform="translate(-92.17058,16.372603)"
          fill="#2f1d4a"
          id="exclamation"
        />
        <path
          d="m 33.117324,42.992812 c 0.143,0.6253 -0.2407,1.26 -0.8529,1.4234 -0.6092,0.1627 -1.2249,-0.2006 -1.3794,-0.8169 -0.1563,-0.6235 0.2166,-1.2728 0.8374,-1.4444 0.6238,-0.1725 1.2502,0.2054 1.3949,0.838 z"
          fill="#2f1d4a"
          id="exclamation-dot"
        />
      </g>
    </svg>
  );
}
