@b2bfinance/products-embed/lib/ProductMoreInfo.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);

var _ProductMoreInfoBody = require("./ProductMoreInfoBody");

var _ProductMoreInfoBody2 = _interopRequireDefault(_ProductMoreInfoBody);

var _ProductMoreInfoFooter = require("./ProductMoreInfoFooter");

var _ProductMoreInfoFooter2 = _interopRequireDefault(_ProductMoreInfoFooter);

var _ProductMoreInfoHeader = require("./ProductMoreInfoHeader");

var _ProductMoreInfoHeader2 = _interopRequireDefault(_ProductMoreInfoHeader);

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

var useStyles = (0, _styles.makeStyles)(function (theme) {
  return {
    paper: {
      width: "60%",
      "@media(max-width: 1280px)": {
        width: "70%"
      },
      "@media(max-width: 960px)": {
        width: "85%"
      }
    }
  };
});

exports.default = function (_ref) {
  var open = _ref.open,
      onClose = _ref.onClose,
      title = _ref.title,
      links = _ref.links,
      brand = _ref.brand,
      disclaimer = _ref.disclaimer,
      description = _ref.description,
      detailed = _ref.detailed;

  var classes = useStyles();

  return _react2.default.createElement(
    _core.Drawer,
    { classes: classes, anchor: "right", open: open, onClose: onClose },
    _react2.default.createElement(_ProductMoreInfoHeader2.default, {
      brand: brand,
      title: title,
      logo: links.logo,
      onClose: onClose
    }),
    _react2.default.createElement(_ProductMoreInfoBody2.default, {
      description: description,
      detailed: detailed,
      disclaimer: disclaimer
    }),
    _react2.default.createElement(_ProductMoreInfoFooter2.default, { link: links.apply, onClose: onClose })
  );
};

module.exports = exports["default"];