@wulperstudio/cms/node/organisms/Board/components/CardKanban/index.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.CardKanban = 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("../../../CardFlexible");
var _base = require("../../../../base");
var _icons = require("../../../../helpers/icons");
var _IconButtonComponent = require("../../../../components/IconButtonComponent");
var _TextForLinesOutput = require("../../../../components/TextForLinesOutput");
var _jsxRuntime = require("react/jsx-runtime");
var CardKanban = exports.CardKanban = function CardKanban() {
  var theme = (0, _material.useTheme)();
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CardFlexible.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__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
      rowGap: "5px",
      sx: {
        height: '100%'
      },
      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
        direction: "row",
        justifyContent: "space-between",
        alignItems: "center",
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_base.RenderTagChipAvatar, {
          label: "Will Smith",
          avatarImg: _consts.consts.avatarImg
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButtonComponent.IconButtonComponent, {
          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
            icon: _icons.ICONS_NAME.moreVertical,
            color: theme.palette.text.secondary
          })
        })]
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stack, {
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextForLinesOutput.TextForLinesOutput, {
            clines: 2,
            variant: "body1",
            text: "Title Card Kanban",
            fontWeight: "700",
            color: theme.palette.text.primary
          })
        })
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
      justifyContent: "space-between",
      alignItems: "center",
      direction: "row",
      rowGap: "5px",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
        sx: {
          maxWidth: 210
        },
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextForLinesOutput.TextForLinesOutput, {
          clines: 2,
          text: "lore ipsum dolorem ipsum dolor sit amet, consectetur adip.",
          fontSize: "14px",
          fontWeight: "400",
          color: theme.palette.text.secondary
        })
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextForLinesOutput.TextForLinesOutput, {
          clines: 1,
          text: "10 Sep.",
          fontSize: "14px",
          fontWeight: "400",
          color: theme.palette.text.secondary
        })
      })]
    })]
  });
};