import { Svg, Path, Circle } from "react-native-svg";
import { SVGPictogramProps } from "../types";

const PictogramEmailDotNotif = ({
  size,
  colorValues,
  ...props
}: SVGPictogramProps) => (
  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
    <Path
      d="M39 154.112V166.947C39 171.946 43.0756 176 48.1017 176H178.898C183.924 176 188 171.946 188 166.947V159.767C188 159.435 178.205 144.641 172.305 143.9C166.406 143.159 158.683 140.885 158.683 140.885C149.847 137.563 158.323 130.111 158.323 130.111L160.652 129.745C151.14 129.038 150.241 119.984 150.241 119.984L154.676 117.472L153.469 115.027L152.895 112.617L152.835 110.599L154.016 109.764C154.016 109.764 157.561 108.682 158.118 108.631C158.674 108.58 163.272 109.21 163.272 109.21L169.891 110.045C169.891 110.045 179.652 112.83 179.849 112.89C180.046 112.949 187.983 116.901 187.983 116.901V81.0535C187.983 76.054 183.907 72 178.881 72H48.1017C43.0756 72 39 76.054 39 81.0535V126.423V154.103V154.112Z"
      fill={colorValues.main}
    />
    <Path
      d="M230.222 149.517C217.744 132.729 195.306 106.091 188.178 106.091V102.653C199.371 102.653 229.584 142.881 232.993 147.471L230.222 149.517Z"
      fill={colorValues.hands}
    />
    <Path
      d="M174.87 124.477C158.939 122.397 151.026 119.285 149.982 114.704C149.343 111.902 151.57 109.598 152.985 108.678C160.924 103.615 185.994 113.5 188.825 114.644L187.53 117.833C177.468 113.767 159.699 108.472 154.866 111.566C154.866 111.566 153.088 112.804 153.356 113.947C153.528 114.678 155.393 118.46 175.327 121.065L174.879 124.477H174.87Z"
      fill={colorValues.hands}
    />
    <Path
      d="M174.74 135.841C151.293 130.933 148.134 126.085 147.798 122.861C147.349 118.529 152.76 116.028 153.381 115.752L154.779 118.899C153.554 119.44 151.077 121.039 151.241 122.509C151.371 123.686 153.485 127.881 175.465 132.48L174.758 135.841H174.74Z"
      fill={colorValues.hands}
    />
    <Path
      d="M206.084 185C203.987 182.112 201.933 179.095 199.758 175.897C189.938 161.465 179.78 146.534 166.465 145.202C159.328 144.488 155.047 142.365 153.727 138.884C151.949 134.208 156.428 129.317 156.618 129.11L159.155 131.448L157.886 130.279L159.155 131.44C158.258 132.42 156.109 135.445 156.954 137.672C157.757 139.76 161.252 141.222 166.81 141.772C181.731 143.268 192.345 158.869 202.615 173.963C204.772 177.135 206.809 180.135 208.88 182.98L206.084 184.991V185Z"
      fill={colorValues.hands}
    />
    <Path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M41.5 84C41.5 78.7533 45.7533 74.5 51 74.5H176C181.247 74.5 185.5 78.7533 185.5 84V114.241H182.5V84C182.5 80.4101 179.59 77.5 176 77.5H51C47.4102 77.5 44.5 80.4102 44.5 84V164C44.5 167.59 47.4101 170.5 51 170.5H176C179.59 170.5 182.5 167.59 182.5 164V153.676H185.5V164C185.5 169.247 181.247 173.5 176 173.5H51C45.7533 173.5 41.5 169.247 41.5 164V84Z"
      fill={colorValues.secondary}
    />
    <Path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M108.556 120.967L44.1992 80.2678L45.8027 77.7322L110.159 118.432C112.979 120.215 116.581 120.184 119.37 118.352L181.177 77.7463L182.825 80.2537L121.017 120.859C117.244 123.337 112.371 123.38 108.556 120.967Z"
      fill={colorValues.secondary}
    />
    <Circle cx="47" cy="75" r="22" fill={colorValues.secondary} />
    <Path
      d="M45.9432 83.432V65.256L47.1272 66.152L42.7112 68.488L41.7832 65.48L47.7672 62.28H49.4312V83.432H45.9432ZM42.3912 85V81.672H53.0792V85H42.3912Z"
      fill={colorValues.main}
    />
  </Svg>
);

export default PictogramEmailDotNotif;