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

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

  return (
    <Svg width="17" height="17" viewBox="0 0 17 17" fill="none" {...props}>
      <Path
        d="M11.6875 15.1406H15.0078C16.1063 15.1406 17 14.2469 17 13.1484V9.82812C17 8.72963 16.1063 7.83594 15.0078 7.83594H11.0234V6.50781C11.0234 4.67699 12.5129 3.1875 14.3438 3.1875H16.3359C16.7027 3.1875 17 2.8902 17 2.52344C17 2.15668 16.7027 1.85938 16.3359 1.85938H14.3438C11.7806 1.85938 9.69531 3.94466 9.69531 6.50781C9.69531 6.78625 9.69531 12.6704 9.69531 13.1484C9.69531 14.2469 10.589 15.1406 11.6875 15.1406ZM15.6719 9.82812V13.1484C15.6719 13.5146 15.374 13.8125 15.0078 13.8125H11.6875C11.3213 13.8125 11.0234 13.5146 11.0234 13.1484V9.16406H15.0078C15.374 9.16406 15.6719 9.46196 15.6719 9.82812Z"
        fill={getIconColor(colorVariant)}
      />
      <Path
        d="M1.99219 15.1406H5.3125C6.41099 15.1406 7.30469 14.2469 7.30469 13.1484V9.82812C7.30469 8.72963 6.41099 7.83594 5.3125 7.83594H1.32812V6.50781C1.32812 4.67699 2.81762 3.1875 4.64844 3.1875H6.64062C7.00739 3.1875 7.30469 2.8902 7.30469 2.52344C7.30469 2.15668 7.00739 1.85938 6.64062 1.85938H4.64844C2.08529 1.85938 0 3.94466 0 6.50781C0 6.78625 0 12.6704 0 13.1484C0 14.2469 0.893695 15.1406 1.99219 15.1406ZM5.97656 9.82812V13.1484C5.97656 13.5146 5.67866 13.8125 5.3125 13.8125H1.99219C1.62602 13.8125 1.32812 13.5146 1.32812 13.1484V9.16406H5.3125C5.67866 9.16406 5.97656 9.46196 5.97656 9.82812Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
