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

products-embed React component

"use strict";

exports.__esModule = true;

var _styles = require("@material-ui/styles");

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _ProductLabel = require("./ProductLabel");

var _ProductLabel2 = _interopRequireDefault(_ProductLabel);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var useStyles = (0, _styles.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 _react2.default.createElement(
    "div",
    { className: classes.productLabelsWrapper },
    labels.map(function (label, i) {
      return _react2.default.createElement(_ProductLabel2.default, { key: i, label: label });
    })
  );
};

exports.default = ProductLabels;
module.exports = exports["default"];