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

export const PaperPlan: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();

  return (
    <Svg width="16" height="16" viewBox="0 0 16 16" fill="none" {...props}>
      <Path
        d="M15.606 7.41761L0.856604 1.56105C0.347042 1.35873 -0.158677 1.86823 0.0470107 2.3782L1.81154 6.7518C1.87563 6.91064 2.00185 7.03623 2.16076 7.09933L4.42891 7.99995L2.16076 8.90058C2.00182 8.96367 1.8756 9.08926 1.81154 9.24811L0.0469794 13.6217C-0.158302 14.1306 0.345917 14.6416 0.856572 14.4389L15.606 8.5823C16.1302 8.37414 16.1324 7.62661 15.606 7.41761ZM1.75279 12.7355L2.86998 9.96642L6.35591 8.5823C6.88 8.37417 6.88219 7.62661 6.35591 7.41761L2.86998 6.03345L1.75279 3.26436L13.6791 7.99992L1.75279 12.7355Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
