import React from 'react'

import { Props } from './props.type.js'

export const NotFound: React.FC<Props> = ({ width = 152, height = 152 }) => (
  <svg width={width} height={height} viewBox="0 0 152 152" fill="none" xmlns="http://www.w3.org/2000/svg">
    <circle cx="76" cy="76" r="76" fill="white" />
    <path d="M45.9805 86.9152C48.9413 103.963 63.8085 116.927 81.7035 116.927C101.729 116.927 117.963 100.693 117.963 80.6675C117.963 60.642 101.729 44.4082 81.7035 44.4082C78.8369 44.4082 76.0481 44.7408 73.3734 45.3696" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M105.906 118.934L105.505 118.3L105.906 118.934ZM106.139 117.9L106.774 117.5L106.774 117.499L106.139 117.9ZM95.4697 123.763L95.2458 123.047L95.4697 123.763ZM94.53 123.271L95.2458 123.047H95.2458L94.53 123.271ZM95.0219 122.331L94.7979 121.616H94.7979L95.0219 122.331ZM105.105 117.666L104.705 117.032L105.105 117.666ZM124.32 95.669L123.61 95.426L123.61 95.426L124.32 95.669ZM110.656 115.479L110.176 114.902H110.176L110.656 115.479ZM109.6 115.383L109.024 115.863L109.024 115.863L109.6 115.383ZM109.696 114.326L110.176 114.902L110.176 114.902L109.696 114.326ZM122.9 95.183L123.61 95.426V95.426L122.9 95.183ZM106.306 119.569C107.007 119.126 107.216 118.2 106.774 117.5L105.505 118.3L106.306 119.569ZM95.6937 124.479C99.4677 123.298 103.029 121.637 106.306 119.569L105.505 118.3C102.337 120.301 98.8938 121.906 95.2458 123.047L95.6937 124.479ZM93.8142 123.495C94.0616 124.286 94.903 124.726 95.6937 124.479L95.2458 123.047H95.2458L93.8142 123.495ZM94.7979 121.616C94.0073 121.863 93.5669 122.704 93.8142 123.495L95.2458 123.047H95.2458L94.7979 121.616ZM104.705 117.032C101.644 118.964 98.3199 120.514 94.7979 121.616L95.2458 123.047C98.8938 121.906 102.337 120.301 105.505 118.3L104.705 117.032ZM106.774 117.499C106.331 116.799 105.405 116.59 104.705 117.032L105.505 118.3L106.774 117.499ZM125.029 95.912C125.298 95.1282 124.88 94.2753 124.096 94.0069L123.61 95.426V95.426L125.029 95.912ZM111.136 116.055C117.448 110.796 122.31 103.853 125.029 95.912L123.61 95.426C120.981 103.102 116.281 109.816 110.176 114.902L111.136 116.055ZM109.024 115.863C109.554 116.499 110.5 116.585 111.136 116.055L110.176 114.902H110.176L109.024 115.863ZM109.216 113.75C108.579 114.28 108.493 115.226 109.024 115.863L110.176 114.902H110.176L109.216 113.75ZM122.191 94.94C119.653 102.351 115.114 108.837 109.216 113.75L110.176 114.902C116.281 109.816 120.981 103.102 123.61 95.426L122.191 94.94ZM124.096 94.0069C123.312 93.7385 122.459 94.1563 122.191 94.94L123.61 95.426V95.426L124.096 94.0069Z" fill="#3B3552" />
    <path fillRule="evenodd" clipRule="evenodd" d="M102.531 59.8962C102.06 58.8657 103.349 57.9209 104.122 58.7499C106.278 61.0638 108.662 63.8966 109.789 66.1713C111.892 70.417 113.074 75.2 113.074 80.2592C113.074 97.8096 98.8467 112.037 81.2963 112.037C76.2969 112.037 71.5671 110.882 67.359 108.826C65.1089 107.726 62.3224 105.412 60.0117 103.281C59.1726 102.507 60.137 101.197 61.1738 101.674C63.5052 102.748 66.1159 103.795 68.1113 104.166C70.008 104.519 71.964 104.704 73.963 104.704C91.5134 104.704 105.741 90.4763 105.741 72.9259C105.741 71.209 105.605 69.5238 105.342 67.8807C104.987 65.6535 103.748 62.5573 102.531 59.8962Z" fill="#3040D6" fillOpacity="0.05" />
    <path d="M49.7112 97.7701C42.3619 108.603 39.2213 117.118 42.2366 120.134C47.487 125.384 69.4133 111.97 91.2103 90.1732C113.007 68.3762 126.421 46.4499 121.171 41.1995C118.144 38.1731 109.577 41.3481 98.6873 48.7555" stroke="#3B3552" strokeWidth="1.5" />
    <path d="M34.8519 58.2595V69.6669H23C21.8954 69.6669 21 68.7715 21 67.6669V50.1113" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <circle cx="51.9631" cy="68.8517" r="11.4074" fill="#3040D6" />
    <path d="M51.9631 53.4443C49.0216 53.4443 46.2726 54.2686 43.9346 55.6988" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M34.8517 68.8525V80.2599" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M81.2962 58.2595V69.6669H69.4443C68.3398 69.6669 67.4443 68.7715 67.4443 67.6669V50.1113" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M81.2961 68.8525V80.2599" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M71.7411 93.834C70.3091 92.4021 67.9875 92.4021 66.5556 93.834C65.1237 95.266 65.1237 97.5876 66.5556 99.0195" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M105.099 92.8995C103.985 91.7857 102.18 91.7857 101.066 92.8995C99.9522 94.0132 99.9522 95.8189 101.066 96.9326" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M100.557 61.0148C99.3196 58.8714 96.5787 58.137 94.4353 59.3745C92.2918 60.612 91.5574 63.3529 92.7949 65.4963" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
  </svg>
)

export default NotFound
