import { FC } from "react";

interface IconScheduleProps {
    className?: string;
}

const IconSchedule: FC<IconScheduleProps> = ({ className }) => {
    return (
        <svg
            width="20"
            height="20"
            viewBox="0 0 24 24"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
            className={className}
        >
            {/* Calendar */}
            <path
                d="M7 3V5M17 3V5M4 8H20M6 5H18C19.1 5 20 5.9 20 7V19C20 20.1 19.1 21 18 21H6C4.9 21 4 20.1 4 19V7C4 5.9 4.9 5 6 5Z"
                stroke="currentColor"
                strokeWidth="1.5"
                strokeLinecap="round"
                strokeLinejoin="round"
            />

            {/* Clock */}
            <circle
                cx="17"
                cy="17"
                r="4"
                stroke="currentColor"
                strokeWidth="1.5"
            />

            <path
                d="M17 15.5V17L18 18"
                stroke="currentColor"
                strokeWidth="1.5"
                strokeLinecap="round"
            />
        </svg>
    );
};

export default IconSchedule;