import React from 'react';

import { forwardRef } from '../../utils/react';
import { Icon } from '../../icon';

export const FolderIcon = forwardRef<typeof Icon>(
  function FolderIcon(props, ref) {
    return (
      <Icon ref={ref} {...props}>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
          <path
            fill="currentColor"
            d="M17.8 5.55H9.72L8.5 3.35a.67.67 0 0 0-.26-.25.77.77 0 0 0-.38-.1H2.21a.75.75 0 0 0-.5.19.6.6 0 0 0-.21.45v10.81c0 .68.3 1.33.83 1.8a3 3 0 0 0 2 .75h11.34a3 3 0 0 0 2-.75c.53-.47.83-1.12.83-1.8V6.18a.6.6 0 0 0-.2-.45.75.75 0 0 0-.5-.18Z"
          />
        </svg>
      </Icon>
    );
  },
);
