@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
85 lines • 2.76 kB
JavaScript
import React from 'react';
import { Icon } from '@iconify/react';
import { Box, Stack, useTheme } from '@mui/material';
import { consts } from '../../../../helpers/consts';
import { CardFlexible } from '../../../CardFlexible';
import { RenderTagChipAvatar } from '../../../../base';
import { ICONS_NAME } from '../../../../helpers/icons';
import { IconButtonComponent } from '../../../../components/IconButtonComponent';
import { TextForLinesOutput } from '../../../../components/TextForLinesOutput';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var CardKanban = function CardKanban() {
var theme = useTheme();
return /*#__PURE__*/_jsxs(CardFlexible, {
shadow: "none",
border: "1px solid ".concat(theme.palette.background.paper),
disabledHover: false,
padding: "15px",
sx: {
height: '100%',
borderRadius: '20px',
display: 'flex',
flexDirection: 'column',
rowGap: '5px',
width: '100%',
'&:hover': {
cursor: 'pointer'
}
},
children: [/*#__PURE__*/_jsxs(Stack, {
rowGap: "5px",
sx: {
height: '100%'
},
children: [/*#__PURE__*/_jsxs(Stack, {
direction: "row",
justifyContent: "space-between",
alignItems: "center",
children: [/*#__PURE__*/_jsx(RenderTagChipAvatar, {
label: "Will Smith",
avatarImg: consts.avatarImg
}), /*#__PURE__*/_jsx(IconButtonComponent, {
children: /*#__PURE__*/_jsx(Icon, {
icon: ICONS_NAME.moreVertical,
color: theme.palette.text.secondary
})
})]
}), /*#__PURE__*/_jsx(Stack, {
children: /*#__PURE__*/_jsx("div", {
children: /*#__PURE__*/_jsx(TextForLinesOutput, {
clines: 2,
variant: "body1",
text: "Title Card Kanban",
fontWeight: "700",
color: theme.palette.text.primary
})
})
})]
}), /*#__PURE__*/_jsxs(Stack, {
justifyContent: "space-between",
alignItems: "center",
direction: "row",
rowGap: "5px",
children: [/*#__PURE__*/_jsx(Box, {
sx: {
maxWidth: 210
},
children: /*#__PURE__*/_jsx(TextForLinesOutput, {
clines: 2,
text: "lore ipsum dolorem ipsum dolor sit amet, consectetur adip.",
fontSize: "14px",
fontWeight: "400",
color: theme.palette.text.secondary
})
}), /*#__PURE__*/_jsx(Box, {
children: /*#__PURE__*/_jsx(TextForLinesOutput, {
clines: 1,
text: "10 Sep.",
fontSize: "14px",
fontWeight: "400",
color: theme.palette.text.secondary
})
})]
})]
});
};