import React, { ComponentType } from 'react'
// eslint-disable-next-line no-restricted-imports
import { SvgIcon, SvgIconProps } from '@material-ui/core'

export const EyeOpen = (props: SvgIconProps) => (
  <SvgIcon {...props}>
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M4.8774 8.88756C6.98949 7.11755 9.33451 6 11.7128 6C14.091 6 16.436 7.11755 18.5481 8.88756C19.3339 9.54607 20.0478 10.266 20.6198 10.9477C20.8462 11.2176 21.0418 11.4722 21.183 11.68L21.2001 11.7053L21.4255 12.0417L21.2001 12.378L21.183 12.4033C21.0418 12.6111 20.8462 12.8657 20.6198 13.1356C20.0478 13.8174 19.3339 14.5373 18.5481 15.1958C16.436 16.9658 14.091 18.0833 11.7128 18.0833C9.33451 18.0833 6.98949 16.9658 4.8774 15.1958C4.09162 14.5373 3.3777 13.8174 2.80575 13.1356C2.57934 12.8657 2.38372 12.6111 2.24249 12.4033L2.22542 12.378L2 12.0417L2.22542 11.7053L2.24249 11.68C2.38372 11.4722 2.57934 11.2176 2.80575 10.9477C3.3777 10.266 4.09162 9.54607 4.8774 8.88756ZM11.7128 7.20833C9.71623 7.20833 7.63723 8.15127 5.65352 9.81368C4.92098 10.4276 4.25727 11.0976 3.73146 11.7243C3.63717 11.8367 3.55112 11.9434 3.47482 12.0417C3.55112 12.14 3.63717 12.2466 3.73146 12.359C4.25727 12.9857 4.92098 13.6558 5.65352 14.2696C7.63723 15.9321 9.71623 16.875 11.7128 16.875C13.7093 16.875 15.7883 15.9321 17.772 14.2696C18.5045 13.6558 19.1683 12.9857 19.6941 12.359C19.7884 12.2466 19.8744 12.14 19.9507 12.0417C19.8744 11.9434 19.7884 11.8367 19.6941 11.7243C19.1683 11.0976 18.5045 10.4276 17.772 9.81368C15.7883 8.15127 13.7093 7.20833 11.7128 7.20833Z"
    />
    <path d="M11.7126 15.6667C13.7147 15.6667 15.3376 14.0438 15.3376 12.0417C15.3376 10.0397 13.7147 8.41675 11.7126 8.41675C9.71061 8.41675 8.08765 10.0397 8.08765 12.0417C8.08765 14.0438 9.71061 15.6667 11.7126 15.6667Z" />
  </SvgIcon>
)
