import React from 'react';

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

export const ArchiveIcon = forwardRef<typeof Icon>(
  function ArchiveIcon(props, ref) {
    return (
      <Icon ref={ref} {...props}>
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
          <path
            fill="currentColor"
            fillRule="evenodd"
            d="M13.16 8.23c0 .41-.35.74-.8.74H7.5c-.44 0-.8-.33-.8-.74v-.5c0-.4.36-.74.8-.74h4.88c.44 0 .8.33.8.74v.5Zm4.1-3.94H2.6c-.64 0-1.17.49-1.17 1.1v9.8c0 .6.53 1.1 1.17 1.1h14.65c.65 0 1.18-.5 1.18-1.1V5.4c0-.61-.53-1.1-1.18-1.1Z"
            clipRule="evenodd"
          />
        </svg>
      </Icon>
    );
  },
);
