import React from 'react'
import ReactCardSlider from "react-card-slider-component";


const slides = [
    {
      image: "https://picsum.photos/200/300",
      title: "This is a title",
      description: "This is a description"
      // clickEvent: sliderClick
    },
    {
      image: "https://picsum.photos/600/500",
      title: "This is a second title",
      description: "This is a second description"
      // clickEvent: sliderClick
    },
    {
      image: "https://picsum.photos/700/600",
      title: "This is a third title",
      description: "This is a third description"
      // clickEvent: sliderClick
    },
    {
      image: "https://picsum.photos/500/400",
      title: "This is a fourth title",
      description: "This is a fourth description"
      // clickEvent: sliderClick
    },
    {
      image: "https://picsum.photos/200/300",
      title: "This is a fifth title",
      description: "This is a fifth description"
      // clickEvent: sliderClick
    },
    {
      image: "https://picsum.photos/800/700",
      title: "This is a sixth title",
      description: "This is a sixth description"
      // clickEvent: sliderClick
    },
    {
      image: "https://picsum.photos/800/900",
      title: "This is a seventh title",
      description: "This is a seventh description"
      // clickEvent: sliderClick
    }
  ];

  


const Awards = () => {
  return (
    <>
     <div className="flex-col justify-center p-6 text-center">
        <h1 className="text-4xl font-bold leading-tight sm:text-5xl" > Awards </h1>
    <div className='flex justify-center ' style={{ marginTop: "5em" }}>
      <ReactCardSlider slides={slides} />
    </div>
    </div>
    </>
  )
}

export default Awards