function CalendarTick({ active }) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="40"
      height="40"
      viewBox="0 0 40 40"
      fill="none"
      className="delay-500 w-[18px] sm:w-[25px] md:w-[33px] lg:w-[40px] h-[18px] sm:h-[25px] md:h-[33px] lg:h-[40px]"
    >
      <path
        d="M13.3335 3.33301V8.33301"
        stroke="#616161"
        strokeWidth="1.5"
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
        className={active ? "stroke-[#FAFAFA] delay-500" : ""}
      />
      <path
        d="M26.6665 3.33301V8.33301"
        stroke="#616161"
        strokeWidth="1.5"
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
        className={active ? "stroke-[#FAFAFA] delay-500" : ""}
      />
      <path
        d="M5.8335 15.1504H34.1668"
        stroke="#616161"
        strokeWidth="1.5"
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
        className={active ? "stroke-[#FAFAFA] delay-500" : ""}
      />
      <path
        d="M36.6668 31.6667C36.6668 32.9167 36.3168 34.1 35.7002 35.1C34.5502 37.0333 32.4335 38.3333 30.0002 38.3333C28.3168 38.3333 26.7835 37.7167 25.6168 36.6667C25.1002 36.2333 24.6502 35.7 24.3002 35.1C23.6835 34.1 23.3335 32.9167 23.3335 31.6667C23.3335 27.9833 26.3168 25 30.0002 25C32.0002 25 33.7835 25.8833 35.0002 27.2666C36.0335 28.45 36.6668 29.9833 36.6668 31.6667Z"
        stroke="#616161"
        strokeWidth="1.5"
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
        className={active ? "stroke-[#FAFAFA] delay-500" : ""}
      />
      <path
        d="M27.4009 31.6666L29.0509 33.3165L32.6009 30.0332"
        stroke="#616161"
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
        className={active ? "stroke-[#FAFAFA] delay-500" : ""}
      />
      <path
        d="M35 14.1663V27.2663C33.7833 25.883 32 24.9997 30 24.9997C26.3167 24.9997 23.3333 27.983 23.3333 31.6663C23.3333 32.9163 23.6833 34.0997 24.3 35.0997C24.65 35.6997 25.1 36.233 25.6167 36.6663H13.3333C7.5 36.6663 5 33.333 5 28.333V14.1663C5 9.16634 7.5 5.83301 13.3333 5.83301H26.6667C32.5 5.83301 35 9.16634 35 14.1663Z"
        stroke="#616161"
        strokeWidth="1.5"
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
        className={active ? "stroke-[#FAFAFA] delay-500" : ""}
      />
      <path
        d="M19.9926 22.8333H20.0076"
        stroke="#616161"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
        className={active ? "stroke-[#FAFAFA] delay-500" : ""}
      />
      <path
        d="M13.8237 22.8333H13.8387"
        stroke="#616161"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
        className={active ? "stroke-[#FAFAFA] delay-500" : ""}
      />
      <path
        d="M13.8237 27.8333H13.8387"
        stroke="#616161"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
        className={active ? "stroke-[#FAFAFA] delay-500" : ""}
      />
    </svg>
  );
}

export default CalendarTick;