@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
69 lines (68 loc) • 2.53 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TitleButtonGroup = void 0;
var _react = _interopRequireDefault(require("react"));
var _react2 = require("@iconify/react");
var _material = require("@mui/material");
var _icons = require("../../../helpers/icons");
var _components = require("../../../components");
var _jsxRuntime = require("react/jsx-runtime");
var TitleButtonGroup = exports.TitleButtonGroup = function TitleButtonGroup(_ref) {
var title = _ref.title,
description = _ref.description,
handleNext = _ref.handleNext,
handlePrev = _ref.handlePrev,
counter = _ref.counter,
maxCount = _ref.maxCount;
var theme = (0, _material.useTheme)();
var isMqMd = (0, _material.useMediaQuery)(theme.breakpoints.down('md'));
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
sx: {
rowGap: isMqMd ? '25px' : '15px',
flexDirection: isMqMd ? 'column-reverse' : 'row',
alignItems: 'flex-start',
justifyContent: 'space-between'
},
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
sx: {
rowGap: '15px'
},
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextForLinesOutput, {
clines: 1,
text: title,
fontWeight: "700",
variant: "h1"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
fontSize: isMqMd ? '1rem' : '18px',
fontWeight: "400",
children: description
})]
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CustomCmpText, {
direction: "row-reverse",
spacing: 2,
typographyProps: {
children: "CHAPTER ".concat(counter, "/").concat(maxCount)
},
customComponent: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ButtonGroup, {
disableElevation: true,
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
variant: "text",
onClick: handlePrev,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
icon: _icons.ICONS_NAME.chevronLeft,
color: theme.palette.text.disabled
})
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
variant: "text",
onClick: handleNext,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
icon: _icons.ICONS_NAME.chevronRightLarge
})
})]
})
})]
});
};