Untitled

// index.js or App.js
import 'bootstrap/dist/css/bootstrap.min.css';



// CarouselComponent.js
import React from 'react';
import { UncontrolledCarousel } from 'reactstrap';

const items = [
  {
    src: 'images/Carousel/naruto.jpg',
    altText: 'Naruto',
    caption: 'Naruto',
    header: 'Naruto'
  },
  {
    src: 'images/Carousel/fruits-basket.jpg',
    altText: 'Fruits Basket',
    caption: 'Fruits Basket',
    header: 'Fruits Basket'
  },
  {
    src: 'images/Carousel/solo-levelling.jpg',
    altText: 'Solo Levelling',
    caption: 'Solo Levelling',
    header: 'Solo Levelling'
  }
];

const CarouselComponent = () => <UncontrolledCarousel items={items} />;

export default CarouselComponent;