@talend/react-components/lib/List/ListComposition/Toolbar/ListToolbar.component.js

Set of react components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("react");
var _propTypes = _interopRequireDefault(require("prop-types"));
var _reactBootstrap = require("@talend/react-bootstrap");
var _ListToolbarModule = _interopRequireDefault(require("./ListToolbar.module.scss"));
var _theme = require("../../../theme");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const theme = (0, _theme.getTheme)(_ListToolbarModule.default);
const Right = ({
  children
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
  className: theme('tc-list-toolbar-right'),
  children: _react.Children.map(children, childElement => childElement && /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
    className: theme('tc-list-toolbar-separated'),
    children: childElement
  }))
});
Right.propTypes = {
  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node])
};
function ListToolbar(props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Navbar, {
    componentClass: "div",
    className: theme('tc-list-toolbar'),
    role: "toolbar",
    fluid: true,
    children: props.children
  });
}
ListToolbar.propTypes = {
  children: _propTypes.default.node
};
ListToolbar.Right = Right;
var _default = exports.default = ListToolbar;
//# sourceMappingURL=ListToolbar.component.js.map