import React from 'react';

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

export const CalendarIcon = forwardRef<typeof Icon>(
  function CalendarIcon(props, ref) {
    return (
      <Icon ref={ref} {...props}>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
          <path
            fill="none"
            stroke="currentColor"
            strokeWidth={1.5}
            d="M.75 3.75h18.5v15.5H.75z"
          />
          <path fill="currentColor" d="M0 3h20v4H0zm3 7h14v2H3z" />
          <path fill="currentColor" d="M3 0h2v7H3zm12 0h2v7h-2z" />
        </svg>
      </Icon>
    );
  },
);