import React from 'react';
import { G, Path, Defs, ClipPath } from 'react-native-svg';
import type { IllustrationSvgProps } from '../types';
import BaseSvg from '../BaseSvg';

const NoResult = ({
  stroke,
  fill,
  testID,
  width,
  height,
}: IllustrationSvgProps) => {
  return (
    <BaseSvg width={width} height={height} testID={testID}>
      <G clipPath="url(#clip0_21888_4920)">
        <Path
          d="M0 41.684c0-9.615 0-14.423 1.619-18.198a20 20 0 0110.499-10.499c3.775-1.619 8.582-1.619 18.198-1.619 9.615 0 14.423 0 18.198 1.62a20 20 0 0110.499 10.498c1.619 3.775 1.619 8.583 1.619 18.198 0 9.616 0 14.423-1.62 18.198a20 20 0 01-10.498 10.5C44.739 72 39.93 72 30.316 72c-9.616 0-14.423 0-18.198-1.619a20 20 0 01-10.5-10.499C0 56.107 0 51.3 0 41.684z"
          fill={fill}
        />
        <Path
          d="M67.632 30.315c0-4.863-.002-8.305-.193-11.007-.187-2.666-.543-4.31-1.102-5.614a16 16 0 00-8.4-8.4c-1.303-.558-2.947-.914-5.613-1.102C49.621 4.002 46.18 4 41.315 4c-4.863 0-8.305.002-11.007.192-2.666.188-4.31.544-5.614 1.103a16.001 16.001 0 00-8.4 8.4c-.558 1.303-.914 2.947-1.102 5.613-.19 2.702-.192 6.144-.192 11.007 0 4.865.002 8.306.192 11.01.188 2.664.544 4.309 1.103 5.612a16.001 16.001 0 008.4 8.4c1.303.559 2.947.915 5.613 1.102 2.702.19 6.144.193 11.007.193v4l-3.387-.003c-7.149-.021-11.21-.187-14.453-1.469l-.357-.147a20 20 0 01-10.304-10.06l-.195-.44C11 44.74 11 39.932 11 30.316c0-9.314 0-14.117 1.472-17.84l.147-.357A20 20 0 0122.68 1.813l.44-.194C26.892 0 31.7 0 41.314 0c9.616 0 14.424 0 18.199 1.62a20 20 0 0110.499 10.498c1.618 3.775 1.619 8.583 1.619 18.197l-.003 3.388c-.022 7.414-.2 11.508-1.616 14.81a20 20 0 01-10.5 10.5c-3.774 1.618-8.582 1.619-18.198 1.619v-4c4.865 0 8.306-.002 11.01-.192 2.664-.188 4.309-.544 5.612-1.103a16 16 0 008.4-8.4c.56-1.303.915-2.947 1.102-5.613.19-2.703.193-6.144.193-11.009z"
          fill={stroke}
        />
        <Path
          d="M55.06 39.357l-7.79-7.79a10.273 10.273 0 00.434-8.244l-2.887 2.887c.038.243.063.488.075.733a6.949 6.949 0 01-6.949 6.949 6.748 6.748 0 01-.733-.075l-2.887 2.887a10.273 10.273 0 008.245-.434l7.789 7.79a.868.868 0 001.23 0l3.474-3.473a.87.87 0 000-1.23zM33.033 31.854a6.948 6.948 0 119.821-9.821l2.456-2.457a10.421 10.421 0 00-17.228 3.241 10.423 10.423 0 002.494 11.493l2.457-2.456z"
          fill={stroke}
        />
        <Path
          d="M29.258 37.366a1.737 1.737 0 01-1.228-2.965L45.4 17.03a1.737 1.737 0 012.457 2.456l-17.37 17.371a1.737 1.737 0 01-1.229.509z"
          fill={stroke}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_21888_4920">
          <Path fill="#fff" d="M0 0H72V72H0z" />
        </ClipPath>
      </Defs>
    </BaseSvg>
  );
};

export default NoResult;
