import React, { ComponentType } from 'react'

import { CustomIconProps } from '@monorail/visualComponents/icon/Icon'

export const BypassEllipsis: ComponentType<CustomIconProps> = props => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="24"
    height="24"
    fill="none"
    viewBox="0 0 24 24"
    {...props}
  >
    <path d="M21.2929 7.29063L20.0001 8.58146V11.9899C20.0001 16.3937 16.4112 19.9765 12 19.9765H8.58575L6.29272 22.2655L7.70694 23.6773L9.41416 21.9732H12C17.5141 21.9732 22.0001 17.4947 22.0001 11.9899V9.40847L22.7073 8.70246L24.0001 9.99329V6H20.0001L21.2929 7.29063Z" />
    <path
      clipRule="evenodd"
      d="M18.0001 12C18.0001 15.3138 15.3138 18.0001 12.0001 18.0001C8.68632 18.0001 6 15.3138 6 12C6 8.68631 8.68632 6 12.0001 6C15.3138 6 18.0001 8.68631 18.0001 12ZM8.66667 12C8.66667 11.5417 9.04167 11.1667 9.5 11.1667C9.95833 11.1667 10.3333 11.5417 10.3333 12C10.3333 12.4583 9.95833 12.8333 9.5 12.8333C9.04167 12.8333 8.66667 12.4583 8.66667 12ZM13.6667 12C13.6667 11.5417 14.0417 11.1667 14.5 11.1667C14.9583 11.1667 15.3333 11.5417 15.3333 12C15.3333 12.4583 14.9583 12.8333 14.5 12.8333C14.0417 12.8333 13.6667 12.4583 13.6667 12ZM12 11.1667C11.5417 11.1667 11.1667 11.5417 11.1667 12C11.1667 12.4583 11.5417 12.8333 12 12.8333C12.4583 12.8333 12.8333 12.4583 12.8333 12C12.8333 11.5417 12.4583 11.1667 12 11.1667Z"
      fillRule="evenodd"
    />
  </svg>
)
