@b2bfinance/products-embed/lib/ProductConfirm.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 _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 {
    productConfirmWrapper: {
      textAlign: "center"
    },
    productConfirmActions: {
      margin: theme.spacing(2) + "px auto"
    }
  };
});

var ProductConfirm = function ProductConfirm(_ref) {
  var open = _ref.open,
      handleRequestClose = _ref.handleRequestClose,
      title = _ref.title,
      description = _ref.description,
      forwardUrl = _ref.forwardUrl;

  var classes = useStyles();

  return _react2.default.createElement(
    _core.Dialog,
    {
      className: classes.productConfirmWrapper,
      open: open,
      onClose: handleRequestClose
    },
    _react2.default.createElement(
      _core.DialogTitle,
      null,
      title
    ),
    _react2.default.createElement(
      _core.DialogContent,
      null,
      _react2.default.createElement(
        _core.DialogContentText,
        null,
        description
      ),
      _react2.default.createElement(
        _core.Grid,
        { container: true },
        _react2.default.createElement(
          _core.Grid,
          {
            className: classes.productConfirmActions,
            item: true,
            xs: 12,
            sm: 8,
            lg: 4
          },
          _react2.default.createElement(
            _ProductPrimaryButton2.default,
            { size: "large", href: forwardUrl },
            "Confirm"
          )
        )
      )
    )
  );
};

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