import React from "react";

interface Props {
  color?: string;
}

const DateIcon: React.FC<Props> = ({ color }) => {
  return (
    <svg
      width="16"
      height="16"
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g clipPath="url(#clip0)">
        <path
          d="M1 5H15"
          stroke={color || "#7B8794"}
          strokeMiterlimit="10"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M14 2H2C1.448 2 1 2.448 1 3V14C1 14.552 1.448 15 2 15H14C14.552 15 15 14.552 15 14V3C15 2.448 14.552 2 14 2Z"
          stroke={color || "#7B8794"}
          strokeMiterlimit="10"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M4 0V2"
          stroke={color || "#7B8794"}
          strokeMiterlimit="10"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M12 0V2"
          stroke={color || "#7B8794"}
          strokeMiterlimit="10"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M8 0V2"
          stroke={color || "#7B8794"}
          strokeMiterlimit="10"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </g>
      <defs>
        <clipPath id="clip0">
          <rect width="16" height="16" fill="white" />
        </clipPath>
      </defs>
    </svg>
  );
};

export default DateIcon;