// let slides = document.getElementsByClassName('p-item');
// let dots = document.getElementsByClassName('dots');
// let slideIndex = 1;

// const click = (n) => {
//   slideIndex = n;
//   for (i = 0; i < slides.length; i++) {
//     slides[i].style.visibility = 'hidden';
//     slides[i].style.opacity = 0;
//   }
//   for (i = 0; i < dots.length; i++) {
//     dots[i].className = dots[i].className.replace('active-slide', '');
//   }
//   dots[slideIndex].className += ' active-slide';
//   slides[slideIndex].style.visibility = 'visible';
//   slides[slideIndex].style.opacity = 1;
//   console.log('hi')
// };
// click(0);
// dots[0].onclick = () => click(0);
// dots[1].onclick = () => click(1);
// dots[2].onclick = () => click(2);
// dots[3].onclick = () => click(3);

// console.log('hey')
