import React from 'react';

interface FileDocumentOutlineProps extends React.SVGProps<SVGSVGElement> {
  className?: string;
  style?: React.CSSProperties;
}

const FileDocumentOutline: React.FC<FileDocumentOutlineProps> = ({
  className,
  style,
}) => (
  <svg
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
    style={style}
  >
    <path
      d="M6 2C4.89 2 4 2.89 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2H6ZM13 3.5L18.5 9H14C13.45 9 13 8.55 13 8V3.5ZM6 4H12V8C12 9.11 12.89 10 14 10H19V20C19 20.55 18.55 21 18 21H6C5.45 21 5 20.55 5 20V4C5 3.45 5.45 3 6 3V4ZM7 12H17V13H7V12ZM7 15H17V16H7V15ZM7 18H13V19H7V18Z"
      fill="currentColor"
    />
  </svg>
);

export default FileDocumentOutline;