@atlaskit/profilecard
Version:
A React component to display a card with user information.
43 lines (42 loc) • 1.75 kB
JavaScript
/* UserTrigger.tsx generated by @compiled/babel-plugin v0.39.1 */
// PLEASE NOTE: This file is sync-loaded with the trigger components. Only add components here that
// are necessary for the main render of the trigger component to help maintain bundle size.
/* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation */
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.SpinnerContainer = exports.CardWrapper = void 0;
require("./UserTrigger.compiled.css");
var _runtime = require("@compiled/react/runtime");
var _react = _interopRequireDefault(require("react"));
var _css = require("@atlaskit/css");
var _compiled = require("@atlaskit/primitives/compiled");
var styles = {
cardWrapper: "_2rko12b0 _1bsb1gwv",
spinnerContainer: "_4cvr1h6o _1e0c1txw _4t3i16xz _1bah1h6o _kqswh2mm"
};
var CardWrapper = exports.CardWrapper = function CardWrapper(_ref) {
var children = _ref.children,
role = _ref.role,
testId = _ref.testId,
labelledBy = _ref.labelledBy,
ariaLabel = _ref.ariaLabel;
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
xcss: (0, _css.cx)(styles.cardWrapper),
backgroundColor: 'elevation.surface.overlay',
role: role,
testId: testId,
"aria-labelledby": labelledBy,
"aria-label": ariaLabel
}, children);
};
var SpinnerContainer = exports.SpinnerContainer = function SpinnerContainer(_ref2) {
var children = _ref2.children,
testId = _ref2.testId;
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
testId: testId,
xcss: (0, _css.cx)(styles.spinnerContainer)
}, children);
};