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

products-embed React component

import { Button, Grid } from "@material-ui/core";
import CloseIcon from "@material-ui/icons/Close";
import { makeStyles } from "@material-ui/styles";
import React from "react";
import ProductPrimaryButton from "./ProductPrimaryButton";

var useStyles = 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 React.createElement(
    Grid,
    {
      className: classes.productMoreInfoFooterWrapper,
      container: true,
      alignItems: "center",
      justify: "space-between"
    },
    React.createElement(
      Grid,
      { item: true, xs: 5, sm: 7, lg: 8 },
      React.createElement(
        Button,
        { onClick: onClose, variant: "text", size: "small" },
        React.createElement(CloseIcon, { fontSize: "small" }),
        " close"
      )
    ),
    React.createElement(
      Grid,
      { item: true, xs: 7, sm: 5, lg: 4 },
      React.createElement(
        ProductPrimaryButton,
        { size: "large", href: link },
        "Continue"
      )
    )
  );
};

export default ProductMoreInfoFooter;