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

export const Add: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="13" height="13" viewBox="0 0 13 13" fill="none" {...props}>
      <Path
        d="M11.5619 5.31247H7.43704V1.18765C7.43704 0.669967 7.01732 0.25 6.4994 0.25C5.98148 0.25 5.56175 0.669727 5.56175 1.18765V5.31247H1.43741C0.919727 5.31247 0.5 5.7322 0.5 6.25012C0.5 6.76804 0.919486 7.18753 1.43741 7.18753H5.56223V11.3124C5.56223 11.83 5.98196 12.25 6.49988 12.25C7.0178 12.25 7.43753 11.8303 7.43753 11.3124V7.18753H11.5624C12.0803 7.18753 12.5 6.7678 12.5 6.25012C12.5 5.73244 12.0798 5.31247 11.5619 5.31247Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
