@b2bfinance/products-embed/es/ProductConfirm.js

products-embed React component

import { Dialog, DialogContent, DialogContentText, DialogTitle, Grid } from "@material-ui/core";
import { makeStyles } from "@material-ui/styles";
import React from "react";
import ProductPrimaryButton from "./ProductPrimaryButton";

var useStyles = 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 React.createElement(
    Dialog,
    {
      className: classes.productConfirmWrapper,
      open: open,
      onClose: handleRequestClose
    },
    React.createElement(
      DialogTitle,
      null,
      title
    ),
    React.createElement(
      DialogContent,
      null,
      React.createElement(
        DialogContentText,
        null,
        description
      ),
      React.createElement(
        Grid,
        { container: true },
        React.createElement(
          Grid,
          {
            className: classes.productConfirmActions,
            item: true,
            xs: 12,
            sm: 8,
            lg: 4
          },
          React.createElement(
            ProductPrimaryButton,
            { size: "large", href: forwardUrl },
            "Confirm"
          )
        )
      )
    )
  );
};

export default ProductConfirm;