@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
70 lines (69 loc) • 2.66 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.CardFlexTable = void 0;
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _icons = require("../../../helpers/icons");
var _TextDate = require("../../../components/TextDate");
var _FlagOutput = require("../../../components/FlagOutput");
var _CardFlexible = require("../../../organisms/CardFlexible");
var _TextForLinesOutput = require("../../../components/TextForLinesOutput");
var _jsxRuntime = require("react/jsx-runtime");
var _Grid, _Grid2, _Grid3;
var CardFlexTable = exports.CardFlexTable = function CardFlexTable(_ref) {
var openDrawer = _ref.openDrawer;
var theme = (0, _material.useTheme)();
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardFlexible.CardFlexible, {
shadow: "none",
border: "1px solid #ECECFB",
onClick: function onClick() {
return openDrawer();
},
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
container: true,
justifyContent: "space-between",
alignItems: "center",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
item: true,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextForLinesOutput.TextForLinesOutput, {
clines: 2,
text: "Payment ID",
fontWeight: "600",
fontSize: "18px",
color: theme.palette.primary.main
})
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
item: true,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextDate.TextDate, {
date: new Date(),
icon: {
name: _icons.ICONS_NAME.time,
color: theme.palette.error.main
}
})
}), _Grid || (_Grid = /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
item: true,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextForLinesOutput.TextForLinesOutput, {
clines: 1,
text: "$50.000.00"
})
})), _Grid2 || (_Grid2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
item: true,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextForLinesOutput.TextForLinesOutput, {
clines: 1,
text: "Alejandro Reppeto"
})
})), _Grid3 || (_Grid3 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
item: true,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FlagOutput.FlagOutput, {
variant: "outlined",
color: "#F25A5A",
children: "Compra"
})
}))]
})
});
};