@hypernetlabs/web-ui
Version:
Web ui react components for hypernet protocol
29 lines • 2.63 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.GovernanceWidgetHeader = void 0;
const core_1 = require("@material-ui/core");
const react_1 = __importDefault(require("react"));
const GovernanceWidgetHeader_style_1 = require("../../components/GovernanceWidgetHeader/GovernanceWidgetHeader.style");
const components_1 = require("../../components");
const icons_1 = require("@material-ui/icons");
const GovernanceWidgetHeader = ({ navigationLink, label, description, rightContent, bottomContent, headerActions = [], }) => {
const classes = (0, GovernanceWidgetHeader_style_1.useStyles)();
return (react_1.default.createElement(core_1.Box, { className: classes.wrapper },
react_1.default.createElement(core_1.Box, { className: classes.topSection },
react_1.default.createElement(core_1.Box, { className: classes.leftSection },
navigationLink && (react_1.default.createElement(core_1.Box, { className: classes.navigationWrapper, onClick: navigationLink.onClick },
react_1.default.createElement(icons_1.ArrowBack, { className: classes.navigationIcon }),
react_1.default.createElement(core_1.Typography, { variant: "subtitle2", color: "textPrimary", className: classes.navigationLabel }, navigationLink.label))),
react_1.default.createElement(core_1.Typography, { variant: "h1", className: classes.label }, label),
react_1.default.createElement(core_1.Typography, { className: classes.description }, description)),
((headerActions === null || headerActions === void 0 ? void 0 : headerActions.length) || !!rightContent) && (react_1.default.createElement(core_1.Box, { className: classes.rightSection },
react_1.default.createElement(core_1.Box, { display: "flex" }, headerActions.map((headerAction) => (react_1.default.createElement(core_1.Box, { className: classes.buttonWrapper },
react_1.default.createElement(components_1.GovernanceButton, { color: "primary", size: "medium", ...headerAction }, headerAction.label))))),
!!rightContent && (react_1.default.createElement(core_1.Box, { className: classes.rightSection }, rightContent))))),
!!bottomContent && (react_1.default.createElement(core_1.Box, { className: classes.bottomSection }, bottomContent))));
};
exports.GovernanceWidgetHeader = GovernanceWidgetHeader;
//# sourceMappingURL=GovernanceWidgetHeader.js.map