@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
63 lines • 2.08 kB
JavaScript
var _Grid, _Grid2, _Grid3;
import React from 'react';
import { Grid, useTheme } from '@mui/material';
import { ICONS_NAME } from '../../../helpers/icons';
import { TextDate } from '../../../components/TextDate';
import { FlagOutput } from '../../../components/FlagOutput';
import { CardFlexible } from '../../../organisms/CardFlexible';
import { TextForLinesOutput } from '../../../components/TextForLinesOutput';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var CardFlexTable = function CardFlexTable(_ref) {
var openDrawer = _ref.openDrawer;
var theme = useTheme();
return /*#__PURE__*/_jsx(CardFlexible, {
shadow: "none",
border: "1px solid #ECECFB",
onClick: function onClick() {
return openDrawer();
},
children: /*#__PURE__*/_jsxs(Grid, {
container: true,
justifyContent: "space-between",
alignItems: "center",
children: [/*#__PURE__*/_jsx(Grid, {
item: true,
children: /*#__PURE__*/_jsx(TextForLinesOutput, {
clines: 2,
text: "Payment ID",
fontWeight: "600",
fontSize: "18px",
color: theme.palette.primary.main
})
}), /*#__PURE__*/_jsx(Grid, {
item: true,
children: /*#__PURE__*/_jsx(TextDate, {
date: new Date(),
icon: {
name: ICONS_NAME.time,
color: theme.palette.error.main
}
})
}), _Grid || (_Grid = /*#__PURE__*/_jsx(Grid, {
item: true,
children: /*#__PURE__*/_jsx(TextForLinesOutput, {
clines: 1,
text: "$50.000.00"
})
})), _Grid2 || (_Grid2 = /*#__PURE__*/_jsx(Grid, {
item: true,
children: /*#__PURE__*/_jsx(TextForLinesOutput, {
clines: 1,
text: "Alejandro Reppeto"
})
})), _Grid3 || (_Grid3 = /*#__PURE__*/_jsx(Grid, {
item: true,
children: /*#__PURE__*/_jsx(FlagOutput, {
variant: "outlined",
color: "#F25A5A",
children: "Compra"
})
}))]
})
});
};