UNPKG

@hypernetlabs/web-ui

Version:
22 lines 1.43 kB
"use strict"; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); exports.GovernanceListItem = void 0; const react_1 = __importDefault(require("react")); const core_1 = require("@material-ui/core"); const GovernanceListItem_style_1 = require("../../components/GovernanceListItem/GovernanceListItem.style"); const GovernanceListItem = (props) => { const { number, title, rightContent, children } = props; const classes = (0, GovernanceListItem_style_1.useStyles)(); return (react_1.default.createElement(core_1.Box, { className: classes.root }, react_1.default.createElement(core_1.Typography, { variant: "subtitle1", color: "textSecondary", className: classes.number }, `${number}.`), react_1.default.createElement(core_1.Box, { className: classes.contentWrapper }, react_1.default.createElement(core_1.Box, { className: classes.titleRow }, react_1.default.createElement(core_1.Typography, { variant: "subtitle1", color: "textPrimary", className: classes.title }, title), rightContent && (react_1.default.createElement(core_1.Box, { className: classes.rightContent }, rightContent))), children))); }; exports.GovernanceListItem = GovernanceListItem; //# sourceMappingURL=GovernanceListItem.js.map