function CalndarD({ active }) {
    return (
        <svg className="w-full h-full" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
            <path d="M8 2V5" stroke={active ? '#5559CE' : '#616161'} strokeWidth="1.5" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round" />
            <path d="M16 2V5" stroke={active ? '#5559CE' : '#616161'} strokeWidth="1.5" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round" />
            <path d="M3.5 9.09H20.5" stroke={active ? '#5559CE' : '#616161'} strokeWidth="1.5" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round" />
            <path d="M21 8.5V17C21 20 19.5 22 16 22H8C4.5 22 3 20 3 17V8.5C3 5.5 4.5 3.5 8 3.5H16C19.5 3.5 21 5.5 21 8.5Z" stroke={active ? '#5559CE' : '#616161'} strokeWidth="1.5" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round" />
            <path d="M15.6937 13.7H15.7027" stroke={active ? '#5559CE' : '#616161'} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
            <path d="M15.6937 16.7H15.7027" stroke={active ? '#5559CE' : '#616161'} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
            <path d="M11.9945 13.7H12.0035" stroke={active ? '#5559CE' : '#616161'} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
            <path d="M11.9945 16.7H12.0035" stroke={active ? '#5559CE' : '#616161'} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
            <path d="M8.29529 13.7H8.30427" stroke={active ? '#5559CE' : '#616161'} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
            <path d="M8.29529 16.7H8.30427" stroke={active ? '#5559CE' : '#616161'} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
        </svg>
    )
}

export default CalndarD