@b2bfinance/products-embed/es/ProductLabels.js

products-embed React component

import { makeStyles } from "@material-ui/styles";
import React from "react";
import ProductLabel from "./ProductLabel";

var useStyles = makeStyles(function (theme) {
  var _productLabelsWrapper;

  return {
    productLabelsWrapper: (_productLabelsWrapper = {
      display: "flex",
      flexWrap: "wrap",
      lineHeight: 1,
      margin: theme.spacing(1, 0)
    }, _productLabelsWrapper[theme.breakpoints.up("sm")] = {
      margin: theme.spacing(0.5, 0)
    }, _productLabelsWrapper)
  };
});

var ProductLabels = function ProductLabels(_ref) {
  var labels = _ref.labels;

  var classes = useStyles();

  return React.createElement(
    "div",
    { className: classes.productLabelsWrapper },
    labels.map(function (label, i) {
      return React.createElement(ProductLabel, { key: i, label: label });
    })
  );
};

export default ProductLabels;