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

products-embed React component

"use strict";

exports.__esModule = true;

var _core = require("@material-ui/core");

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

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

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

var useStyles = (0, _styles.makeStyles)(function (theme) {
  var _productMoreInfoBodyD;

  return {
    productMoreInfoBodyWrapper: {
      padding: theme.spacing(2)
    },
    productMoreInfoBodyDisclaimer: (_productMoreInfoBodyD = {
      width: "100%",
      marginBottom: theme.spacing(2),
      backgroundColor: theme.palette.grey[200],
      padding: theme.spacing(2)
    }, _productMoreInfoBodyD[theme.breakpoints.up("md")] = {
      marginBottom: theme.spacing(4)
    }, _productMoreInfoBodyD),
    productMoreInfoBodyDetailRow: {
      height: 24
    },
    productMoreInfoBodyDetailCell: {
      border: 0
    }
  };
});

var ProductMoreInfoBody = function ProductMoreInfoBody(_ref) {
  var description = _ref.description,
      detailed = _ref.detailed,
      disclaimer = _ref.disclaimer;

  var classes = useStyles();

  return _react2.default.createElement(
    _core.Grid,
    { className: classes.productMoreInfoBodyWrapper, container: true },
    disclaimer && _react2.default.createElement(
      "div",
      { className: classes.productMoreInfoBodyDisclaimer },
      _react2.default.createElement(
        _core.Typography,
        null,
        disclaimer
      )
    ),
    _react2.default.createElement(
      _core.Hidden,
      { smUp: true, implementation: "css" },
      description && _react2.default.createElement(
        _core.Typography,
        { variant: "body2", paragraph: true },
        description
      )
    ),
    _react2.default.createElement(
      _core.Grid,
      { container: true, spacing: 4 },
      detailed.map(function (detail) {
        return _react2.default.createElement(
          _core.Grid,
          { item: true, xs: 12, sm: 6, lg: 4, key: detail.title },
          _react2.default.createElement(
            _core.Typography,
            { variant: "h6" },
            detail.title
          ),
          _react2.default.createElement(
            _core.Table,
            { padding: "none" },
            _react2.default.createElement(
              _core.TableBody,
              null,
              detail.rows.map(function (row) {
                return row.label ? _react2.default.createElement(
                  _core.TableRow,
                  {
                    className: classes.productMoreInfoBodyDetailRow,
                    key: row.label
                  },
                  _react2.default.createElement(
                    _core.TableCell,
                    {
                      className: classes.productMoreInfoBodyDetailCell,
                      variant: "head"
                    },
                    row.label
                  ),
                  _react2.default.createElement(
                    _core.TableCell,
                    {
                      className: classes.productMoreInfoBodyDetailCell,
                      align: "right"
                    },
                    row.value
                  )
                ) : _react2.default.createElement(
                  _core.TableRow,
                  {
                    className: classes.productMoreInfoBodyDetailRow,
                    key: row.value
                  },
                  _react2.default.createElement(
                    _core.TableCell,
                    {
                      className: classes.productMoreInfoBodyDetailCell
                    },
                    _react2.default.createElement(
                      _core.Typography,
                      { paragraph: true },
                      row.value
                    )
                  )
                );
              })
            )
          )
        );
      })
    )
  );
};

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