azure-devops-ui
Version:
React components for building web UI in Azure DevOps
22 lines (21 loc) • 1.16 kB
JavaScript
import "../../CommonImports";
import "../../Core/core.css";
import "./Panel.css";
import * as React from "react";
import { Button } from '../../Button';
import { ButtonGroup } from '../../ButtonGroup';
import { SurfaceContext } from '../../Surface';
import { css } from '../../Util';
export const PanelFooter = props => {
const { buttonProps, className, showSeparator } = props;
let footerContent = null;
if (buttonProps) {
footerContent = (React.createElement(ButtonGroup, { className: "bolt-panel-footer-buttons flex-grow" }, buttonProps.map((buttonProps, index) => (React.createElement(Button, Object.assign({ key: buttonProps.id || index }, buttonProps))))));
}
else {
footerContent = props.children;
}
return (React.createElement(SurfaceContext.Consumer, null, surfaceContext => (React.createElement(React.Fragment, null,
showSeparator && React.createElement("div", { className: "bolt-panel-separator flex-noshrink" }),
React.createElement("div", { className: css(className, "bolt-panel-footer flex-center", surfaceContext.horizontalClassName) }, footerContent)))));
};