/*
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 *
 * OpenCRVS is also distributed under the terms of the Civil Registration
 * & Healthcare Disclaimer located at http://opencrvs.org/license.
 *
 * Copyright (C) The OpenCRVS Authors located at https://github.com/opencrvs/opencrvs-core/blob/master/AUTHORS.
 */
import React from 'react'
import { CustomIcon } from '../types'

export const Offline: CustomIcon = ({ size, ...rest }) => (
  <svg
    width={size}
    height={size}
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...rest}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z"
      fill="#CCCCCC"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M18.2812 5.71875L5.71875 18.2812L18.2812 5.71875Z"
      fill="#CCCCCC"
    />
    <path
      d="M18.2812 5.71875L5.71875 18.2813"
      stroke="#CCCCCC"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <ellipse
      rx="0.571023"
      ry="0.571023"
      transform="matrix(-1 0 0 1 12.0003 16.5682)"
      fill="#CCCCCC"
      stroke="#CCCCCC"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M9.30469 11.4633C8.83696 11.6915 8.3996 11.9773 8.00276 12.3141L9.30469 11.4633Z"
      fill="#CCCCCC"
    />
    <path
      d="M9.30469 11.4633C8.83696 11.6915 8.3996 11.9773 8.00276 12.3141"
      stroke="#CCCCCC"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M15.9971 12.3141C15.1508 11.6065 14.1322 11.1356 13.0449 10.9493L15.9971 12.3141Z"
      fill="#CCCCCC"
    />
    <path
      d="M15.9971 12.3141C15.1508 11.6065 14.1322 11.1356 13.0449 10.9493"
      stroke="#CCCCCC"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M12.7368 8.03143C10.265 7.83226 7.81839 8.64642 5.95878 10.287L12.7368 8.03143Z"
      fill="#CCCCCC"
    />
    <path
      d="M12.7368 8.03143C10.265 7.83226 7.81839 8.64642 5.95878 10.287"
      stroke="#CCCCCC"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M18.0415 10.2869C17.2494 9.58678 16.3412 9.03025 15.3577 8.6424L18.0415 10.2869Z"
      fill="#CCCCCC"
    />
    <path
      d="M18.0415 10.2869C17.2494 9.58678 16.3412 9.03025 15.3577 8.6424"
      stroke="#CCCCCC"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M13.9814 14.3469C12.7932 13.5028 11.201 13.5028 10.0128 14.3469H13.9814Z"
      fill="#CCCCCC"
    />
    <path
      d="M13.9814 14.3469C12.7932 13.5028 11.201 13.5028 10.0128 14.3469"
      stroke="#CCCCCC"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
)
