@atlaskit/profilecard
Version:
A React component to display a card with user information.
61 lines (60 loc) • 2.58 kB
JavaScript
/* TeamTrigger.tsx generated by @compiled/babel-plugin v0.39.1 */
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.LoadingWrapper = exports.CardWrapper = exports.CardTriggerWrapper = exports.CardHeader = exports.CardContent = void 0;
require("./TeamTrigger.compiled.css");
var _runtime = require("@compiled/react/runtime");
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _css = require("@atlaskit/css");
var _compiled = require("@atlaskit/primitives/compiled");
var _CoverImage = require("./CoverImage");
var styles = {
cardtriggerwrapper: "_1e0c1kw7",
cardwrapper: "_2rko12b0 _1bsbnklw _kqswh2mm",
cardheader: "_4t3i1qr7 _1bsb1osq",
cardcontent: "_1e0c1txw _2lx21bp4 _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb _1tke1l8a",
loadingwrapper: "_y3gn1h6o _19pk1jfw _otyr1jfw",
grayoutImage: "_kdam7g3v"
};
var CardTriggerWrapper = exports.CardTriggerWrapper = function CardTriggerWrapper() {
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
xcss: (0, _css.cx)(styles.cardtriggerwrapper)
});
};
var CardWrapper = exports.CardWrapper = function CardWrapper(_ref) {
var testId = _ref.testId,
children = _ref.children;
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
xcss: (0, _css.cx)(styles.cardwrapper),
backgroundColor: "elevation.surface.overlay",
testId: testId
}, children);
};
var CardHeader = exports.CardHeader = function CardHeader(_ref2) {
var image = _ref2.image,
isLoading = _ref2.isLoading,
label = _ref2.label,
isDisabled = _ref2.isDisabled;
return isLoading || !image ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
xcss: (0, _css.cx)(styles.cardheader, isDisabled && styles.grayoutImage),
backgroundColor: "color.background.neutral"
}) : /*#__PURE__*/_react.default.createElement(_CoverImage.CoverImage, {
alt: label || '',
src: image,
isDisabled: isDisabled
});
};
var CardContent = exports.CardContent = function CardContent(props) {
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
xcss: (0, _css.cx)(styles.cardcontent)
}, props));
};
var LoadingWrapper = exports.LoadingWrapper = function LoadingWrapper(props) {
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
xcss: (0, _css.cx)(styles.loadingwrapper)
}, props));
};