const BannerComponent:React.FC<BannerComponentProps> = ({banners}) => {
    // const [banners, setBanners] = useState<Banner[]>([])
    const [activeIndex, setActiveIndex] = useState(0);

// useEffect(() => {
    //     // 내부 API 엔드포인트를 통해 데이터 요청
    //     fetch('/api/banners')
    //         .then((res) => res.json())
    //         .then((data) => {
    //             setBanners(data);
    //         })
    //         .catch((error) => {
    //             console.error('Error fetching data:', error);
    //             }
    //         );
    // }, []);