import React from 'react'
import { CheckboxIconProps } from './CheckedIcon'

const IndeterminateIcon = ({
  disabled,
}: CheckboxIconProps): React.ReactElement => (
  <svg
    width="10"
    height="2"
    viewBox="0 0 10 2"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M9.375 1.75H0.625V0.25H9.375V1.75Z"
      fill={disabled ? '#999999' : '#ffffff'}
    />
  </svg>
)

export default IndeterminateIcon
