import { forwardRef } from "react";
import type { IconProps } from "../../types";

export const IconCalendarBicolorSolid = forwardRef<SVGSVGElement, IconProps>(
  ({ color = "currentColor", ...props }, forwardedRef) => {
    const { className } = props;
    props = {
      ...props,
      width: `${props.width || props.size || 20}`,
      height: `${props.height || props.size || 20}`,
      className: `${
        className ? className + " " : ""
      }customeow-icon customeow-icon-icon-calendar-bicolor-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M5.75 2C6.16421 2 6.5 2.33579 6.5 2.75V4H13.5V2.75C13.5 2.33579 13.8358 2 14.25 2C14.6642 2 15 2.33579 15 2.75V4H15.25C16.7688 4 18 5.23122 18 6.75V15.25C18 16.7688 16.7688 18 15.25 18H4.75C3.23122 18 2 16.7688 2 15.25V6.75C2 5.23122 3.23122 4 4.75 4H5V2.75C5 2.33579 5.33579 2 5.75 2ZM4.75 7.5C4.05964 7.5 3.5 8.05964 3.5 8.75V15.25C3.5 15.9404 4.05964 16.5 4.75 16.5H15.25C15.9404 16.5 16.5 15.9404 16.5 15.25V8.75C16.5 8.05964 15.9404 7.5 15.25 7.5H4.75Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <g opacity=".5" fill={color}>
          <path d="M7.25 10.125C7.25 10.8154 6.69036 11.375 6 11.375 5.30964 11.375 4.75 10.8154 4.75 10.125 4.75 9.43464 5.30964 8.875 6 8.875 6.69036 8.875 7.25 9.43464 7.25 10.125ZM7.25 13.8438C7.25 14.5341 6.69036 15.0938 6 15.0938 5.30964 15.0938 4.75 14.5341 4.75 13.8438 4.75 13.1534 5.30964 12.5938 6 12.5938 6.69036 12.5938 7.25 13.1534 7.25 13.8438ZM10 11.375C10.6904 11.375 11.25 10.8154 11.25 10.125 11.25 9.43464 10.6904 8.875 10 8.875 9.30964 8.875 8.75 9.43464 8.75 10.125 8.75 10.8154 9.30964 11.375 10 11.375ZM11.25 13.8438C11.25 14.5341 10.6904 15.0938 10 15.0938 9.30964 15.0938 8.75 14.5341 8.75 13.8438 8.75 13.1534 9.30964 12.5938 10 12.5938 10.6904 12.5938 11.25 13.1534 11.25 13.8438ZM14 11.375C14.6904 11.375 15.25 10.8154 15.25 10.125 15.25 9.43464 14.6904 8.875 14 8.875 13.3096 8.875 12.75 9.43464 12.75 10.125 12.75 10.8154 13.3096 11.375 14 11.375Z" />
        </g>
      </svg>
    );
  }
);

IconCalendarBicolorSolid.displayName = "IconCalendarBicolorSolid";

export default IconCalendarBicolorSolid;