S
import { useState } from "react"; import Slider from "react-slick"; import { ChevronLeft, ChevronRight } from "lucide-react"; import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css"; interface SlideData { id: number; image: string; title: string; description: string; } const slides: SlideData[] = [ { id: 1, image: "https://images.unsplash.com/photo-1695067439031-f59068994fae?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtb2Rlcm4lMjBhcmNoaXRlY3R1cmUlMjBidWlsZGluZ3N8ZW58MXx8fHwxNzczODAzNTkxfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", title: "Современная архитектура", description: "Инновационные решения в строительстве", }, { id: 2, image: "https://images.unsplash.com/photo-1600257729950-13a634d32697?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxuYXR1cmUlMjBsYW5kc2NhcGUlMjBtb3VudGFpbnN8ZW58MXx8fHwxNzczNzY4MTY5fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", title: "Горные пейзажи", description: "Величественная красота природы", }, { id: 3, image: "https://images.unsplash.com/photo-1750810908078-a4729905bf4b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjaXR5JTIwbmlnaHQlMjBza3lsaW5lfGVufDF8fHx8MTc3MzgwMTUxOXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", title: "Ночной город", description: "Огни большого города", }, { id: 4, image: "https://images.unsplash.com/photo-1598399929533-847def01aa41?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxvY2VhbiUyMGJlYWNoJTIwc3Vuc2V0fGVufDF8fHx8MTc3MzY5MzI3OHww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", title: "Океанский закат", description: "Спокойствие и гармония", }, { id: 5, image: "https://images.unsplash.com/photo-1614638964097-20e7104dea3c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxmb3Jlc3QlMjB0cmVlcyUyMHBhdGh8ZW58MXx8fHwxNzczODAzNTkzfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", title: "Лесная тропа", description: "Единение с природой", }, ]; interface ArrowProps { onClick?: () => void; } const NextArrow = ({ onClick }: ArrowProps) => { return ( ); }; const PrevArrow = ({ onClick }: ArrowProps) => { return ( ); }; export function ImageSlider() { const [currentSlide, setCurrentSlide] = useState(0); const settings = { dots: true, infinite: true, speed: 500, slidesToShow: 1, slidesToScroll: 1, autoplay: true, autoplaySpeed: 4000, pauseOnHover: true, nextArrow: , prevArrow: , beforeChange: (_current: number, next: number) => setCurrentSlide(next), appendDots: (dots: React.ReactNode) => (
    {dots}
), customPaging: (i: number) => (