import { Collapse, Ripple, initTE} from "tw-elements"; import { Link } from "react-router-dom"; 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} $
    Disponibles {product.attributes.available_quantity}
    Proveedor {product.attributes.company.name}
      {categories}
    ); }