import React, { ComponentType } from 'react'

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

export const Range: ComponentType<CustomIconProps> = props => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path d="M15.5714 17.5061C15.5714 17.2229 15.8011 16.9932 16.0843 16.9932C16.3676 16.9932 16.5972 17.2229 16.5972 17.5061C16.5972 17.7894 16.3676 18.019 16.0843 18.019C15.8011 18.019 15.5714 17.7894 15.5714 17.5061ZM15.5714 15.9418C15.5714 15.6585 15.8011 15.4289 16.0843 15.4289C16.3676 15.4289 16.5972 15.6585 16.5972 15.9418C16.5972 16.2251 16.3676 16.4547 16.0843 16.4547C15.8011 16.4547 15.5714 16.2251 15.5714 15.9418ZM15.5458 14.4545V9.73586L16.5704 9.73593V14.4545H15.5458ZM17.4435 18.6088L17.4435 8.94089C17.4435 8.77166 17.305 8.63321 17.1358 8.63321H15.0073C14.8381 8.63321 14.6995 8.77166 14.6995 8.94089V18.6088C14.6995 18.7781 14.838 18.9166 15.0073 18.9166H17.1357C17.305 18.9166 17.4435 18.7781 17.4435 18.6088Z" />
    <path d="M11.5425 18.2924C11.5425 17.9495 11.8205 17.6714 12.1635 17.6714C12.5064 17.6714 12.7844 17.9495 12.7844 18.2924C12.7843 18.6353 12.5064 18.9133 12.1635 18.9133C11.8205 18.9133 11.5425 18.6353 11.5425 18.2924ZM11.5425 16.3985C11.5425 16.0555 11.8205 15.7776 12.1635 15.7776C12.5064 15.7776 12.7844 16.0555 12.7844 16.3985C12.7844 16.7414 12.5064 17.0195 12.1635 17.0195C11.8205 17.0195 11.5425 16.7414 11.5425 16.3985ZM11.5114 14.5978L11.5115 8.88515H12.7519V14.5978H11.5114ZM13.8089 19.6274L13.809 7.92265C13.809 7.71779 13.6414 7.55012 13.4364 7.55012H10.8595C10.6546 7.55012 10.487 7.71772 10.487 7.92265L10.4869 19.6274C10.4869 19.8323 10.6546 19.9999 10.8595 19.9999L13.4364 20C13.6413 20 13.8089 19.8323 13.8089 19.6274Z" />
    <path d="M7.77558 17.5061C7.77558 17.2228 8.00523 16.9932 8.28847 16.9932C8.57171 16.9932 8.80136 17.2228 8.80136 17.5061C8.80136 17.7893 8.57171 18.019 8.28847 18.019C8.00523 18.019 7.77558 17.7893 7.77558 17.5061ZM7.77558 15.9418C7.77558 15.6585 8.00523 15.4289 8.28847 15.4289C8.57171 15.4289 8.80136 15.6585 8.80136 15.9418C8.80136 16.2251 8.57171 16.4546 8.28847 16.4546C8.00523 16.4546 7.77558 16.2251 7.77558 15.9418ZM7.74998 14.4544V9.73583L8.77453 9.7359V14.4544H7.74998ZM9.64759 18.6088L9.64766 8.94086C9.64766 8.77163 9.50915 8.63318 9.33992 8.63318H7.21143C7.04219 8.63318 6.90368 8.77163 6.90368 8.94086V18.6088C6.90368 18.778 7.04213 18.9165 7.21143 18.9165H9.33985C9.50915 18.9165 9.64759 18.778 9.64759 18.6088Z" />
    <path d="M5.10708 12.1179C5.14599 8.23937 8.30169 5.10708 12.1895 5.10708C16.0773 5.10708 19.2329 8.23937 19.2719 12.1179H20.3789C20.3399 7.62797 16.6887 4 12.1895 4C7.6903 4 4.03898 7.62797 4 12.1179H5.10708Z" />
  </svg>
)
