@itwin/itwinui-layouts-react
Version:
iTwinUI package that provides React components for most common layouts
48 lines (47 loc) • 2.13 kB
JavaScript
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
import React from 'react';
import cx from '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.createElement("div", { className: cx('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.createElement("div", { className: cx('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.createElement("div", { className: cx('iui-layouts-page-action-bar-right', className), style: style }, children));
};
Right.displayName = 'ActionBar.Right';
export var ActionBar = function (props) {
var className = props.className, style = props.style, children = props.children;
return (React.createElement("div", { className: cx('iui-layouts-page-action-bar', className), style: style }, children));
};
/**
* Left subcomponent of ActionBar that displays content in the left slot
*/
ActionBar.Left = Left;
/**
* Center subcomponent of ActionBar that displays content in the middle slot
*/
ActionBar.Center = Center;
/**
* Right subcomponent of ActionBar that displays content in the right slot
*/
ActionBar.Right = Right;
export default ActionBar;