interface Props{
videos:any[];
}

export default function VideoSection({videos}:Props){

return(

<div className="mb-5">

<h3>Videos</h3>

<div className="row">

{videos.map((item:any)=>(

<div className="col-md-4" key={item.id}>

<div className="card">

<img
src={`https://dev-admin.astrology.togwe.com/${item.coverImage}`}
className="card-img-top"
/>

<div className="card-body">

<h5>{item.videoTitle}</h5>

<a
href={item.youtubeLink}
target="_blank"
className="btn btn-warning"
>
Watch
</a>

</div>

</div>

</div>

))}

</div>

</div>

)

}