import React from 'react';

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

export const ImageIcon = forwardRef<typeof Icon>(
  function ImageIcon(props, ref) {
    return (
      <Icon ref={ref} {...props}>
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
          <path
            stroke="currentColor"
            strokeWidth={1.5}
            d="M1.75 3.75h16.5v12.5H1.75z"
          />
          <path fill="currentColor" d="m6.5 11 4.5 5H2l4.5-5Z" />
          <path fill="currentColor" d="m14.5 7 3.75 4.5V16H7l7.5-9Z" />
          <circle cx={5.5} cy={7.5} r={1.5} fill="currentColor" />
        </svg>
      </Icon>
    );
  },
);
