import Svg, { Path } from "react-native-svg";
import type { SvgProps } from "react-native-svg";

const SvgComponent = ({ height, width, color }: SvgProps) => (
  <Svg width={width ?? 100} height={height ?? 97} fill="none" viewBox="0 0 100 97">
    <Path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M80.668 29.5988C79.9126 28.5923 78.7274 28 77.4689 28H22.5311C21.2726 28 20.0874 28.5923 19.332 29.5988L5.84197 47.5713C5.29692 48.2974 5.01514 49.1874 5.04293 50.0949L6.07625 83.8354C6.14241 85.9959 7.91291 87.713 10.0744 87.713H89.9265C92.088 87.713 93.8585 85.9958 93.9247 83.8353L94.9571 50.0949C94.9849 49.1874 94.7031 48.2974 94.1581 47.5713L80.668 29.5988ZM63.361 48.693C61.1519 48.693 59.4382 50.5634 58.5213 52.5732C57.0466 55.8059 53.786 58.052 50.001 58.052C46.2153 58.052 42.9545 55.8059 41.4797 52.5732C40.5628 50.5634 38.8491 48.693 36.64 48.693H18.978C15.6811 48.693 13.7998 44.9285 15.779 42.2917L21.495 34.6767C22.2504 33.6703 23.4355 33.078 24.694 33.078H32.851H67.168H75.325C76.5835 33.078 77.7686 33.6703 78.524 34.6767L84.24 42.2917C86.2192 44.9285 84.3379 48.693 81.041 48.693H63.361Z"
      fill={color as string ?? "#A4A7AE"}
    />
    <Path
      d="M49 1C49 0.447716 49.4477 0 50 0C50.5523 0 51 0.447715 51 1V23C51 23.5523 50.5523 24 50 24C49.4477 24 49 23.5523 49 23V1Z"
      fill={color as string ?? "#A4A7AE"}
    />
    <Path
      d="M19.7071 8.12129C19.3166 7.73077 19.3166 7.0976 19.7071 6.70708C20.0976 6.31655 20.7308 6.31655 21.1213 6.70708L36.6777 22.2634C37.0682 22.654 37.0682 23.2871 36.6777 23.6776C36.2871 24.0682 35.654 24.0682 35.2635 23.6776L19.7071 8.12129Z"
      fill={color as string ?? "#A4A7AE"}
    />
    <Path
      d="M80.6777 8.12129C81.0682 7.73077 81.0682 7.0976 80.6777 6.70708C80.2871 6.31655 79.654 6.31655 79.2634 6.70708L63.7071 22.2634C63.3166 22.654 63.3166 23.2871 63.7071 23.6776C64.0976 24.0682 64.7308 24.0682 65.1213 23.6776L80.6777 8.12129Z"
      fill={color as string ?? "#A4A7AE"}
    />
  </Svg>
);

export default SvgComponent;