text: import React from "react";
  
  function CarouselCenter() {
    return (
      <div class="carousel carousel-center rounded-box">
    <div class="carousel-item">
      <img src="https://picsum.photos/id/500/256/144" />
    </div> 
    <div class="carousel-item">
      <img src="https://picsum.photos/id/501/256/144" />
    </div> 
    <div class="carousel-item">
      <img src="https://picsum.photos/id/502/256/144" />
    </div> 
    <div class="carousel-item">
      <img src="https://picsum.photos/id/503/256/144" />
    </div> 
    <div class="carousel-item">
      <img src="https://picsum.photos/id/504/256/144" />
    </div> 
    <div class="carousel-item">
      <img src="https://picsum.photos/id/505/256/144" />
    </div> 
    <div class="carousel-item">
      <img src="https://picsum.photos/id/506/256/144" />
    </div>
  </div>
      );
  }
                  
  export default CarouselCenter;