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

export const CloseThick: React.FC<IconProps> = ({ colorVariant = 'white', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="8" height="8" viewBox="0 0 8 8" fill="none" {...props}>
      <Path
        d="M6.58293 0.243315L4.00018 2.82606L1.41743 0.243315C1.09329 -0.0808284 0.567515 -0.0809791 0.243221 0.243315C-0.0810735 0.567609 -0.0810735 1.09323 0.243221 1.41752L2.82597 4.00027L0.243522 6.58272C-0.0806214 6.90686 -0.0806214 7.43249 0.243673 7.75678C0.567967 8.08107 1.09329 8.08107 1.41758 7.75678L4.00033 5.17403L6.58308 7.75678C6.90722 8.08092 7.43299 8.08107 7.75729 7.75678C8.08158 7.43249 8.08158 6.90686 7.75729 6.58257L5.17454 3.99982L7.75729 1.41707C8.08158 1.09278 8.08158 0.567157 7.75744 0.243013C7.4333 -0.0811299 6.90722 -0.0809794 6.58293 0.243315Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
