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

export const Close: React.FC<IconProps> = ({ colorVariant = 'white', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="18" height="18" viewBox="0 0 20 17" fill="none" {...props}>
      <Rect width="20" height="17" fill="transparent" />
      <Path
        d="M2.39856 14.7908L16.5407 0.648636L17.6014 1.7093L3.45922 15.8514L2.39856 14.7908Z"
        fill={getIconColor(colorVariant)}
      />
      <Path
        d="M16.5408 15.8513L2.39863 1.70918L3.45929 0.648524L17.6014 14.7907L16.5408 15.8513Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
