@trellixio/roaster-coffee/cjs/components/Page/Page.js

Beans' product component library

'use strict';

var React = require('react');
var index = require('../../utils/classNames/index.js');
require('@floating-ui/react');
var Spinner = require('../Spinner/Spinner.js');

function _interopNamespaceDefault(e) {
  var n = Object.create(null);
  if (e) {
    for (var k in e) {
      n[k] = e[k];
    }
  }
  n.default = e;
  return Object.freeze(n);
}

var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);

function Page({
  title,
  className,
  size = "medium",
  children,
  breadcrumbs,
  primaryAction,
  secondaryAction,
  loading
}) {
  return /* @__PURE__ */ React__namespace.createElement("main", { className: index.classNames(size, className) }, /* @__PURE__ */ React__namespace.createElement("section", { className: "page-header" }, breadcrumbs != null && breadcrumbs.length > 0 ? /* @__PURE__ */ React__namespace.createElement("nav", { className: "breadcrumbs" }, breadcrumbs.map(({ component, content, ...restProps }) => {
    const Component = component || "a";
    return /* @__PURE__ */ React__namespace.createElement(Component, { key: `breadcrumb-${content}`, ...restProps }, /* @__PURE__ */ React__namespace.createElement("span", null, content));
  })) : null, /* @__PURE__ */ React__namespace.createElement("div", { className: "title-wrapper" }, /* @__PURE__ */ React__namespace.createElement("h2", null, title), loading && /* @__PURE__ */ React__namespace.createElement(Spinner.Spinner, null), (secondaryAction || primaryAction) && /* @__PURE__ */ React__namespace.createElement("div", { className: "items-group" }, primaryAction, secondaryAction))), children);
}

exports.Page = Page;
//# sourceMappingURL=Page.js.map