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

products-embed React component

"use strict";

exports.__esModule = true;

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

var _Close = require("@material-ui/icons/Close");

var _Close2 = _interopRequireDefault(_Close);

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

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _ProductPrimaryButton = require("./ProductPrimaryButton");

var _ProductPrimaryButton2 = _interopRequireDefault(_ProductPrimaryButton);

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

var useStyles = (0, _styles.makeStyles)(function (theme) {
  return {
    productMoreInfoFooterWrapper: {
      borderTop: "2px solid " + theme.palette.grey[200],
      padding: theme.spacing(2),
      marginTop: "auto",
      minHeight: theme.spacing(11)
    }
  };
});

var ProductMoreInfoFooter = function ProductMoreInfoFooter(_ref) {
  var link = _ref.link,
      onClose = _ref.onClose;

  var classes = useStyles();

  return _react2.default.createElement(
    _core.Grid,
    {
      className: classes.productMoreInfoFooterWrapper,
      container: true,
      alignItems: "center",
      justify: "space-between"
    },
    _react2.default.createElement(
      _core.Grid,
      { item: true, xs: 5, sm: 7, lg: 8 },
      _react2.default.createElement(
        _core.Button,
        { onClick: onClose, variant: "text", size: "small" },
        _react2.default.createElement(_Close2.default, { fontSize: "small" }),
        " close"
      )
    ),
    _react2.default.createElement(
      _core.Grid,
      { item: true, xs: 7, sm: 5, lg: 4 },
      _react2.default.createElement(
        _ProductPrimaryButton2.default,
        { size: "large", href: link },
        "Continue"
      )
    )
  );
};

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