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

export const ReplyThread: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="17" height="15" viewBox="0 0 17 15" fill="none" {...props}>
      <Path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M8.5 9.20541V11.5982C8.5 11.8283 8.37007 12.0383 8.16425 12.141C7.95843 12.2442 7.71254 12.2217 7.52857 12.0839L0.242857 6.61959C0.0898572 6.50484 0 6.32513 0 6.13388C0 5.94263 0.0898572 5.76291 0.242857 5.64816L7.52857 0.183879C7.71254 0.0460573 7.95843 0.0235931 8.16425 0.126807C8.37007 0.229415 8.5 0.439486 8.5 0.669593V3.11395C16.9393 3.55413 17 13.1852 17 14.0267C17 14.439 16.762 14.5962 16.5793 14.6648C16.4433 14.7165 16.215 14.7541 15.9472 14.5744C15.83 14.4955 15.6285 14.2957 15.3662 14C14.8793 13.45 14.0948 12.5156 13.0851 11.6079C11.8539 10.5017 10.282 9.41306 8.5 9.20541ZM7.28571 1.88388L1.61925 6.13388L7.28571 10.3839V8.56245C7.28571 8.22731 7.55771 7.95531 7.89286 7.95531C10.2322 7.95531 12.3208 9.28859 13.8969 10.7051C14.6212 11.3559 15.235 12.0189 15.7129 12.5556C15.4372 9.81074 14.127 4.31245 7.89286 4.31245C7.55771 4.31245 7.28571 4.04045 7.28571 3.70531V1.88388Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
