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

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

  return (
    <Svg width="20" height="20" viewBox="0 0 20 20" fill="none" {...props}>
      <Path
        d="M15.8334 7.79014V4.81514C15.8334 4.45866 15.5417 4.16699 15.1852 4.16699H12.2102C11.6334 4.16699 11.3417 4.86699 11.75 5.27533L12.7806 6.30588L6.29909 12.7874L5.26854 11.7568C4.86669 11.3485 4.16669 11.6337 4.16669 12.2105V15.1855C4.16669 15.542 4.45835 15.8337 4.81484 15.8337H7.78984C8.36669 15.8337 8.65835 15.1337 8.25002 14.7253L7.21946 13.6948L13.7009 7.21329L14.7315 8.24384C15.1334 8.65218 15.8334 8.36699 15.8334 7.79014Z"
        fill={color}
      />
    </Svg>
  );
};
