@trellixio/roaster-coffee
Version:
Beans' product component library
24 lines (21 loc) • 1.29 kB
JavaScript
import * as React from 'react';
import { classNames } from '../../utils/classNames/index.js';
import '@floating-ui/react';
import { Spinner } from '../Spinner/Spinner.js';
function Page({
title,
className,
size = "medium",
children,
breadcrumbs,
primaryAction,
secondaryAction,
loading
}) {
return /* @__PURE__ */ React.createElement("main", { className: classNames(size, className) }, /* @__PURE__ */ React.createElement("section", { className: "page-header" }, breadcrumbs != null && breadcrumbs.length > 0 ? /* @__PURE__ */ React.createElement("nav", { className: "breadcrumbs" }, breadcrumbs.map(({ component, content, ...restProps }) => {
const Component = component || "a";
return /* @__PURE__ */ React.createElement(Component, { key: `breadcrumb-${content}`, ...restProps }, /* @__PURE__ */ React.createElement("span", null, content));
})) : null, /* @__PURE__ */ React.createElement("div", { className: "title-wrapper" }, /* @__PURE__ */ React.createElement("h2", null, title), loading && /* @__PURE__ */ React.createElement(Spinner, null), (secondaryAction || primaryAction) && /* @__PURE__ */ React.createElement("div", { className: "items-group" }, primaryAction, secondaryAction))), children);
}
export { Page };
//# sourceMappingURL=Page.js.map