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

export const CloseFullScreen: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  const color = useMemo(() => getIconColor(colorVariant), [getIconColor, colorVariant]);

  return (
    <Svg width="18" height="18" viewBox="0 0 18 18" fill="none" {...props}>
      <Path
        d="M15.9675 3.09004L12.525 6.53254L13.7175 7.72504C14.19 8.19754 13.8525 9.00754 13.185 9.00754H9.75004C9.33754 9.00754 9.00004 8.67004 9.00004 8.25754V4.80754C9.00004 4.14004 9.81004 3.80254 10.2825 4.27504L11.475 5.46754L14.9175 2.02504C15.21 1.73254 15.6825 1.73254 15.975 2.02504C16.26 2.32504 16.26 2.79754 15.9675 3.09004ZM3.09004 15.9675L6.53254 12.525L7.72504 13.7175C8.19754 14.19 9.00754 13.8525 9.00754 13.185V9.75004C9.00754 9.33754 8.67004 9.00004 8.25754 9.00004H4.80754C4.14004 9.00004 3.80254 9.81004 4.27504 10.2825L5.46754 11.475L2.02504 14.9175C1.73254 15.21 1.73254 15.6825 2.02504 15.975C2.32504 16.26 2.79754 16.26 3.09004 15.9675Z"
        fill={color}
      />
    </Svg>
  );
};
