@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
82 lines (81 loc) • 3.26 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Card = void 0;
var _react = _interopRequireDefault(require("react"));
var _react2 = require("@iconify/react");
var _material = require("@mui/material");
var _consts = require("../../../helpers/consts");
var _CardFlexible = require("../../../organisms/CardFlexible");
var _BoxContainer = require("../../../organisms/BoxContainer");
var _IconButtonComponent = require("../../../components/IconButtonComponent");
var _TextForLinesOutput = require("../../../components/TextForLinesOutput");
var _jsxRuntime = require("react/jsx-runtime");
var _div;
var Card = exports.Card = function Card() {
var theme = (0, _material.useTheme)();
var isMqLg = (0, _material.useMediaQuery)(theme.breakpoints.down('lg'));
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardFlexible.CardFlexible, {
padding: "15px 0px 15px 15px",
shadow: isMqLg ? _consts.consts.boxShadowStyle : 'none',
border: "1px solid ".concat(theme.palette.background.paper),
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
container: true,
direction: "row",
columnGap: "10px",
flexWrap: "nowrap",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
item: true,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BoxContainer.BoxContainer, {
sx: {
borderRadius: '5px',
backgroundColor: 'rgba(76, 96, 219, 0.5)',
width: '44px',
height: '44px',
display: 'flex',
alignItems: 'center',
justifyContent: 'center'
},
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
icon: "fluent:building-bank-24-regular",
color: theme.palette.primary.main,
width: "30",
height: "30"
})
})
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
item: true,
xs: true,
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
rowGap: "2px",
children: [_div || (_div = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextForLinesOutput.TextForLinesOutput, {
clines: 1,
text: "Pagar con Banco",
fontSize: "16px",
fontWeight: "500"
})
})), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextForLinesOutput.TextForLinesOutput, {
color: theme.palette.text.secondary,
clines: 2,
text: "1 a 2 minutos - 0.5% comision",
fontSize: "14px",
fontWeight: "500"
})
})]
})
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
item: true,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButtonComponent.IconButtonComponent, {
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
icon: "charm:chevron-right",
color: theme.palette.text.secondary
})
})
})]
})
});
};