import { useIcon } from 'hooks';
import React from 'react';
import Svg, { Path } from 'react-native-svg';
import { IconProps } from '../types';

export const MicroPhone: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();

  return (
    <Svg width="16" height="16" viewBox="0 0 16 16" fill="none" {...props}>
      <Path
        d="M8 11.25C10.0677 11.25 11.75 9.56775 11.75 7.5V3.75C11.75 1.68225 10.0677 0 8 0C5.93225 0 4.25 1.68225 4.25 3.75V7.5C4.25 9.56775 5.93225 11.25 8 11.25ZM8 1.25C9.3785 1.25 10.5 2.3715 10.5 3.75H9.875C9.52981 3.75 9.25 4.02981 9.25 4.375C9.25 4.72019 9.52981 5 9.875 5H10.5V6.25H9.875C9.52981 6.25 9.25 6.52981 9.25 6.875C9.25 7.22019 9.52981 7.5 9.875 7.5H10.5C10.5 8.8785 9.3785 10 8 10C6.6215 10 5.5 8.8785 5.5 7.5H6.125C6.47019 7.5 6.75 7.22019 6.75 6.875C6.75 6.52981 6.47019 6.25 6.125 6.25H5.5V5H6.125C6.47019 5 6.75 4.72019 6.75 4.375C6.75 4.02981 6.47019 3.75 6.125 3.75H5.5C5.5 2.3715 6.6215 1.25 8 1.25Z"
        fill={getIconColor(colorVariant)}
      />
      <Path
        d="M14.25 7.5C14.25 7.15481 13.9702 6.875 13.625 6.875C13.2798 6.875 13 7.15481 13 7.5C13 10.257 10.757 12.5 8 12.5C5.24297 12.5 3 10.257 3 7.5C3 7.15481 2.72019 6.875 2.375 6.875C2.02981 6.875 1.75 7.15481 1.75 7.5C1.75 10.7353 4.22109 13.4042 7.375 13.7188V14.75H4.875C4.52981 14.75 4.25 15.0298 4.25 15.375C4.25 15.7202 4.52981 16 4.875 16H11.125C11.4702 16 11.75 15.7202 11.75 15.375C11.75 15.0298 11.4702 14.75 11.125 14.75H8.625V13.7188C11.7789 13.4043 14.25 10.7353 14.25 7.5Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
