@hypernetlabs/web-ui
Version:
Web ui react components for hypernet protocol
22 lines • 1.3 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.BoxWrapper = void 0;
const core_1 = require("@material-ui/core");
const react_1 = __importDefault(require("react"));
const BoxWrapper_style_1 = require("../../components/BoxWrapper/BoxWrapper.style");
const BoxWrapper = ({ children, label, flex, rightComponent, bodyStyle, hasEmptyState, emptyState, }) => {
const classes = (0, BoxWrapper_style_1.useStyles)();
return (react_1.default.createElement(core_1.Box, { className: classes.wrapper, flex: flex },
label && (react_1.default.createElement(core_1.Box, { className: classes.headerWrapper },
react_1.default.createElement(core_1.Box, { className: classes.label }, label),
react_1.default.createElement(core_1.Box, { display: "flex", alignItems: "center" }, rightComponent))),
react_1.default.createElement(core_1.Box, { style: {
...bodyStyle,
...(hasEmptyState && { display: "flex", justifyContent: "center" }),
} }, hasEmptyState ? emptyState : children)));
};
exports.BoxWrapper = BoxWrapper;
//# sourceMappingURL=BoxWrapper.js.map