export const PageNotFound = () => (
    <svg
      id="Layer_1"
      data-name="Layer 1"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 144 144"
      aria-label="Page Not Found"
      aria-hidden="true"
    >
      <defs>
        <style>
          {`.cls-1 {
        fill: #fff;
        stroke: #d7dae0;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 4px;
      }

      .cls-2 {
        fill: #d7dae0;
        stroke-width: 0px;
      }`}
        </style>
      </defs>
      <circle className="cls-1" cx="72" cy="72" r="65.36" />
      <g>
        <path
          className="cls-2"
          d="m41.45,81.06h-15.96v-5.15l16.54-22.52h7.28v21.63h5.1v6.03h-5.1v6.97h-7.85v-6.97Zm-4.37-6.03h4.47v-11.39h-.1l-8.16,11.54c.73-.1,2.08-.16,3.8-.16Z"
        />
        <path
          className="cls-2"
          d="m57.62,70.71c0-9.2,3.85-17.94,14.3-17.94s14.46,8.79,14.46,17.94-4.11,17.94-14.4,17.94-14.35-8.79-14.35-17.94Zm20.23,0c0-7.59-1.66-11.7-5.88-11.7s-5.88,4.11-5.88,11.7,1.61,11.7,5.82,11.7,5.93-4.11,5.93-11.7Z"
        />
        <path
          className="cls-2"
          d="m105.25,81.06h-15.96v-5.15l16.54-22.52h7.28v21.63h5.1v6.03h-5.1v6.97h-7.85v-6.97Zm-4.37-6.03h4.47v-11.39h-.1l-8.16,11.54c.73-.1,2.08-.16,3.8-.16Z"
        />
      </g>
    </svg>
  );