import React from 'react';

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

export const CardIcon = forwardRef<typeof Icon>(function CardIcon(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"
          strokeLinecap="square"
          strokeMiterlimit="10"
          d="M16.9 16H3.1c-.61 0-1.1-.5-1.1-1.13V5.13C2 4.5 2.49 4 3.1 4h13.8c.61 0 1.1.5 1.1 1.13v9.75A1.1 1.1 0 0 1 16.9 16Z"
        />
        <path stroke="currentColor" strokeWidth="2" d="M2 8h16" />
        <path stroke="currentColor" d="M13 12.5h3m-12 0h8" />
      </svg>
    </Icon>
  );
});
