@itwin/itwinui-layouts-react
Version:
iTwinUI package that provides React components for most common layouts
55 lines (54 loc) • 2.61 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ActionBar = void 0;
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
var react_1 = __importDefault(require("react"));
var classnames_1 = __importDefault(require("classnames"));
/**
* Left subcomponent of ActionBar that displays content in the left slot
*/
var Left = function (props) {
var className = props.className, style = props.style, children = props.children;
return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-layouts-page-action-bar-left', className), style: style }, children));
};
Left.displayName = 'ActionBar.Left';
/**
* Center subcomponent of ActionBar that displays content in the middle slot
*/
var Center = function (props) {
var className = props.className, style = props.style, children = props.children;
return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-layouts-page-action-bar-center', className), style: style }, children));
};
Center.displayName = 'ActionBar.Center';
/**
* Right subcomponent of ActionBar that displays content in the right slot
*/
var Right = function (props) {
var className = props.className, style = props.style, children = props.children;
return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-layouts-page-action-bar-right', className), style: style }, children));
};
Right.displayName = 'ActionBar.Right';
var ActionBar = function (props) {
var className = props.className, style = props.style, children = props.children;
return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-layouts-page-action-bar', className), style: style }, children));
};
exports.ActionBar = ActionBar;
/**
* Left subcomponent of ActionBar that displays content in the left slot
*/
exports.ActionBar.Left = Left;
/**
* Center subcomponent of ActionBar that displays content in the middle slot
*/
exports.ActionBar.Center = Center;
/**
* Right subcomponent of ActionBar that displays content in the right slot
*/
exports.ActionBar.Right = Right;
exports.default = exports.ActionBar;