interface TimeIconType {
  className?: string;
  onClick?: () => void;
}

const TimeIcon = ({ className, onClick }: TimeIconType) => {
  return (
    <svg
      width="17"
      height="17"
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      onClick={onClick}
    >
      <g clipPath="url(#clip0_2448_7814)">
        <path
          d="M8.50016 4.08171V8.08171L11.1668 9.41504M15.1668 8.08171C15.1668 11.7636 12.1821 14.7484 8.50016 14.7484C4.81826 14.7484 1.8335 11.7636 1.8335 8.08171C1.8335 4.39981 4.81826 1.41504 8.50016 1.41504C12.1821 1.41504 15.1668 4.39981 15.1668 8.08171Z"
          stroke="#333333"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </g>
      <defs>
        <clipPath id="clip0_2448_7814">
          <rect
            width="16"
            height="16"
            fill="white"
            transform="translate(0.5 0.0820312)"
          />
        </clipPath>
      </defs>
    </svg>
  );
};

export default TimeIcon;
