@netdata/netdata-ui
Version:
netdata UI kit
52 lines • 1.9 kB
JavaScript
var _excluded = ["children", "subTabs"];
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
import React, { useState, useRef } from "react";
import Flex from "../../../components/templates/flex";
var Tabs = function Tabs(_ref) {
var children = _ref.children,
subTabs = _ref.subTabs,
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
var _useState = useState(false),
collapsed = _useState[0],
setCollapsed = _useState[1];
var ref = useRef();
return /*#__PURE__*/React.createElement(Flex, {
column: true,
width: "100%",
position: "relative"
}, /*#__PURE__*/React.createElement(Flex, {
height: "1px",
background: "border",
width: "100%",
position: "absolute",
top: 0,
zIndex: 4
}), /*#__PURE__*/React.createElement(Flex, _extends({
justifyContent: "start",
alignSelf: "start",
alignItems: "end",
width: "100%",
height: "100%",
overflow: "auto",
background: "topBarBg",
ref: ref,
zIndex: 1
}, rest), React.Children.map(children, function (child) {
return /*#__PURE__*/React.cloneElement(child, {
collapsed: collapsed,
onResize: setCollapsed,
parentRef: ref
});
})), subTabs && /*#__PURE__*/React.cloneElement(subTabs, {
collapsed: collapsed
}), /*#__PURE__*/React.createElement(Flex, {
height: "1px",
background: "border",
width: "100%",
position: "absolute",
bottom: 0,
zIndex: 0
}));
};
export default Tabs;