@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
56 lines (55 loc) • 1.96 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TitlePrice = void 0;
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _components = require("../../../components");
var _jsxRuntime = require("react/jsx-runtime");
var TitlePrice = exports.TitlePrice = function TitlePrice(_ref) {
var title = _ref.title,
description = _ref.description,
price = _ref.price,
descriptionPrice = _ref.descriptionPrice;
var theme = (0, _material.useTheme)();
var isMqMd = (0, _material.useMediaQuery)(theme.breakpoints.down('md'));
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
sx: {
alignItems: 'flex-start',
display: 'flex',
flexDirection: isMqMd ? 'column' : 'row',
justifyContent: 'space-between',
rowGap: isMqMd ? '25px' : '15px'
},
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
sx: {
rowGap: '5px'
},
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextForLinesOutput, {
clines: 1,
text: title,
fontWeight: "700",
variant: "h2"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
fontSize: isMqMd ? '1rem' : '18px',
fontWeight: "400",
color: theme.palette.text.secondary,
children: description
})]
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextForLinesOutput, {
clines: 1,
text: price,
fontWeight: "700",
variant: "h2"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
fontSize: isMqMd ? '1rem' : '18px',
fontWeight: "400",
color: theme.palette.text.secondary,
children: descriptionPrice
})]
})]
});
};