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

export const OpenInWindow: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  const color = useMemo(() => getIconColor(colorVariant), [getIconColor, colorVariant]);
  return (
    <Svg width="15" height="16" viewBox="0 0 15 16" fill="none" {...props}>
      <Path
        d="M11.25 12.375H3.75C3.40625 12.375 3.125 12.0938 3.125 11.75V4.25C3.125 3.90625 3.40625 3.625 3.75 3.625H6.875C7.21875 3.625 7.5 3.34375 7.5 3C7.5 2.65625 7.21875 2.375 6.875 2.375H3.125C2.43125 2.375 1.875 2.9375 1.875 3.625V12.375C1.875 13.0625 2.4375 13.625 3.125 13.625H11.875C12.5625 13.625 13.125 13.0625 13.125 12.375V8.625C13.125 8.28125 12.8438 8 12.5 8C12.1562 8 11.875 8.28125 11.875 8.625V11.75C11.875 12.0938 11.5938 12.375 11.25 12.375ZM8.75 3C8.75 3.34375 9.03125 3.625 9.375 3.625H10.9938L5.2875 9.33125C5.04375 9.575 5.04375 9.96875 5.2875 10.2125C5.53125 10.4562 5.925 10.4562 6.16875 10.2125L11.875 4.50625V6.125C11.875 6.46875 12.1562 6.75 12.5 6.75C12.8438 6.75 13.125 6.46875 13.125 6.125V3C13.125 2.65625 12.8438 2.375 12.5 2.375H9.375C9.03125 2.375 8.75 2.65625 8.75 3Z"
        fill={color}
      />
    </Svg>
  );
};
