import React, {ReactNode} from 'react';
import Slider from "react-slick";
import DuaSlide from "../DuaSlider/DuaSlide/DuaSlide";
import testImg from '../../../assets/images/ipiresies.svg'
import './dua-slider.scss';
import "../../../../node_modules/slick-carousel/slick/slick.css";
import "../../../../node_modules/slick-carousel/slick/slick-theme.css";

type DuaSliderProps = {
    children: ReactNode;
};

const DuaSlider: React.FC<DuaSliderProps> = ({ children }) => {
    const settings = {
        dots: true,
        slidesToShow: 1,
        slidesToScroll: 1
    };

    return (
        <section className="row slide-container">
            <Slider {...settings}>
                {!children && <DuaSlide img={testImg} hyperTitle={"No"} title={"Content"}/>}
                {children}
            </Slider>
        </section>
    );
}

export default DuaSlider;