django-bananas
Version:
React admin frontend for Django.
63 lines (62 loc) • 2.21 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _material = require("@mui/material");
var _Card = _interopRequireDefault(require("@mui/material/Card"));
var _CardContent = _interopRequireDefault(require("@mui/material/CardContent"));
var _styles = require("@mui/styles");
var _propTypes = _interopRequireDefault(require("prop-types"));
var _react = _interopRequireDefault(require("react"));
var _Content = _interopRequireDefault(require("../Content"));
var _TitleBar = _interopRequireDefault(require("../TitleBar"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var styles = () => ({
root: {
position: "absolute",
top: 0,
bottom: 0,
left: 0,
right: 0,
display: "flex",
alignItems: "center",
justifyContent: "center"
},
card: {
minWidth: 400,
maxWidth: 600
}
});
var CardPage = _ref => {
var {
classes,
children,
title,
subtitle
} = _ref;
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_TitleBar.default, {
title: title
}), /*#__PURE__*/_react.default.createElement(_Content.default, null, /*#__PURE__*/_react.default.createElement("div", {
className: classes.root
}, /*#__PURE__*/_react.default.createElement(_Card.default, {
elevation: 5,
className: classes.card
}, /*#__PURE__*/_react.default.createElement(_CardContent.default, null, /*#__PURE__*/_react.default.createElement(_material.Typography, {
variant: "h6",
component: "h2"
}, title), subtitle && /*#__PURE__*/_react.default.createElement(_material.Typography, {
variant: "overline",
gutterBottom: true
}, subtitle), children)))));
};
CardPage.propTypes = {
classes: _propTypes.default.object.isRequired,
children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]).isRequired,
title: _propTypes.default.string.isRequired,
subtitle: _propTypes.default.string
};
CardPage.defaultProps = {
subtitle: undefined
};
var _default = exports.default = (0, _styles.withStyles)(styles)(CardPage);