import { Collapse, Ripple, initTE} from "tw-elements"; initTE({Collapse, Ripple}); import "./stylesheets/shared.css" import "./stylesheets/product_listing.css" export default function ProductListing({ product }) { const collapseMenu = `collapse${product.id}` const collapseTarget = `#${collapseMenu}` const categories = product.attributes.categories.map(category =>
  • {category}
    • ); return (
    {product.attributes.name}
    Precio al por menor {product.attributes.unitary_price} $
    Precio al por mayor {product.attributes.bulk_price} $
    Proveedor {product.attributes.company.name}
    • {categories}
    ); }