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

export const Screen: React.FC<IconProps> = ({ colorVariant = 'white', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="20" height="20" viewBox="0 0 20 20" fill="none" {...props}>
      <Path
        d="M16.6667 14.9987C17.5834 14.9987 18.325 14.2487 18.325 13.332L18.3333 4.99871C18.3333 4.07371 17.5833 3.33203 16.6666 3.33203H3.33332C2.40832 3.33203 1.66664 4.07371 1.66664 4.99871V13.332C1.66668 14.2487 2.40832 14.9987 3.33332 14.9987H0V16.6654H20V14.9987H16.6667ZM10.8333 12.057V10.232C8.51664 10.232 6.99164 10.9403 5.83332 12.4987C6.3 10.2737 7.59164 8.05703 10.8333 7.60703V5.83203L14.1666 8.94035L10.8333 12.057Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
