import React from 'react';

import type { IconProps } from './iconProps';

export const CalendarIcon = ({
  width = 20,
  height = 20,
  viewBox = '0 0 20 20',
  role = 'image',
  ref,
  ...rest
}: IconProps) => (
  <svg
    ref={ref}
    xmlns="http://www.w3.org/2000/svg"
    fill="none"
    width={width}
    height={height}
    viewBox={viewBox}
    role={role}
    {...rest}
  >
    <path
      fill="currentColor"
      d="M5.5 10.3c0-.28 0-.42.054-.527a.5.5 0 0 1 .219-.218C5.88 9.5 6.02 9.5 6.3 9.5h.4c.28 0 .42 0 .527.055a.5.5 0 0 1 .218.218c.055.107.055.247.055.527v.4c0 .28 0 .42-.054.527a.5.5 0 0 1-.219.218c-.107.055-.247.055-.527.055h-.4c-.28 0-.42 0-.527-.055a.5.5 0 0 1-.218-.218C5.5 11.12 5.5 10.98 5.5 10.7zM9 10.3c0-.28 0-.42.055-.527a.5.5 0 0 1 .218-.218C9.38 9.5 9.52 9.5 9.8 9.5h.4c.28 0 .42 0 .527.055a.5.5 0 0 1 .218.218c.055.107.055.247.055.527v.4c0 .28 0 .42-.055.527a.5.5 0 0 1-.218.218c-.107.055-.247.055-.527.055h-.4c-.28 0-.42 0-.527-.055a.5.5 0 0 1-.218-.218C9 11.12 9 10.98 9 10.7zM12.555 9.773c-.055.107-.055.247-.055.527v.4c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055h.4c.28 0 .42 0 .527-.055a.5.5 0 0 0 .218-.218c.055-.107.055-.247.055-.527v-.4c0-.28 0-.42-.055-.527a.5.5 0 0 0-.218-.218C14.12 9.5 13.98 9.5 13.7 9.5h-.4c-.28 0-.42 0-.527.055a.5.5 0 0 0-.218.218M5.5 13.8c0-.28 0-.42.054-.527a.5.5 0 0 1 .219-.218C5.88 13 6.02 13 6.3 13h.4c.28 0 .42 0 .527.055a.5.5 0 0 1 .218.218c.055.107.055.247.055.527v.4c0 .28 0 .42-.054.527a.5.5 0 0 1-.219.218C7.12 15 6.98 15 6.7 15h-.4c-.28 0-.42 0-.527-.055a.5.5 0 0 1-.218-.218C5.5 14.62 5.5 14.48 5.5 14.2zM9.055 13.273C9 13.38 9 13.52 9 13.8v.4c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218C9.38 15 9.52 15 9.8 15h.4c.28 0 .42 0 .527-.055a.5.5 0 0 0 .218-.218C11 14.62 11 14.48 11 14.2v-.4c0-.28 0-.42-.055-.527a.5.5 0 0 0-.218-.218C10.62 13 10.48 13 10.2 13h-.4c-.28 0-.42 0-.527.055a.5.5 0 0 0-.218.218M12.5 13.8c0-.28 0-.42.055-.527a.5.5 0 0 1 .218-.218C12.88 13 13.02 13 13.3 13h.4c.28 0 .42 0 .527.055a.5.5 0 0 1 .218.218c.055.107.055.247.055.527v.4c0 .28 0 .42-.055.527a.5.5 0 0 1-.218.218C14.12 15 13.98 15 13.7 15h-.4c-.28 0-.42 0-.527-.055a.5.5 0 0 1-.218-.218c-.055-.107-.055-.247-.055-.527z"
    />
    <path
      fill="currentColor"
      fillRule="evenodd"
      d="M6.5 2.75a.75.75 0 0 0-1.5 0V4h-.25A2.75 2.75 0 0 0 2 6.75v8.5A2.75 2.75 0 0 0 4.75 18h10.5A2.75 2.75 0 0 0 18 15.25v-8.5A2.75 2.75 0 0 0 15.25 4H15V2.75a.75.75 0 0 0-1.5 0V4h-7zm-3 6.5C3.5 8.56 4.06 8 4.75 8h10.5c.69 0 1.25.56 1.25 1.25v6c0 .69-.56 1.25-1.25 1.25H4.75c-.69 0-1.25-.56-1.25-1.25z"
      clipRule="evenodd"
    />
  </svg>
);
