interface Props{
news:any[];
}

export default function NewsSection({news}:Props){

return(

<div className="mb-5">

<h3>News</h3>

<div className="row">

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

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

<div className="card">

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

<div className="card-body">

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

<p>{item.description}</p>

<a href={item.link} target="_blank">
Read More
</a>

</div>

</div>

</div>

))}

</div>

</div>

)

}