interface Props{
products:any[];
}

export default function ProductCategory({products}:Props){

return(

<div className="mb-5">

<h3>Product Categories</h3>

<div className="row">

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

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

<div className="card">

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

<div className="card-body text-center">

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

</div>

</div>

</div>

))}

</div>

</div>

)

}