@atlaskit/profilecard
Version:
A React component to display a card with user information.
40 lines (39 loc) • 1.89 kB
JavaScript
/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.LinkedContainerCardSkeleton = void 0;
require("./index.compiled.css");
var _runtime = require("@compiled/react/runtime");
var _react = _interopRequireDefault(require("react"));
var _compiled = require("@atlaskit/primitives/compiled");
var styles = {
containerWrapperSkeleton: "_2rko12b0 _1h6d8yml _12y3e4h9 _12ji1l7x _1qu2nqa1 _syazi7uo _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc",
containerIconSkeleton: "_2rko12b0 _4t3i1tcg _1bsb1tcg _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc",
firstLineSkeleton: "_2rko1rr0 _1rjc1b66",
secondLineSkeleton: "_2rko1rr0 _1rjc1b66 _1bsbqkoa",
containerTypeIconSkeleton: "_2rko12b0 _4t3i7vkz _1bsb7vkz _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"
};
var LinkedContainerCardSkeleton = exports.LinkedContainerCardSkeleton = function LinkedContainerCardSkeleton() {
return /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
space: "space.100",
xcss: styles.containerWrapperSkeleton
}, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
xcss: styles.containerIconSkeleton,
backgroundColor: "color.background.neutral"
}), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
grow: "fill",
space: "space.050"
}, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
xcss: styles.firstLineSkeleton,
backgroundColor: "color.background.neutral"
}), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
xcss: styles.secondLineSkeleton,
backgroundColor: "color.background.neutral"
})), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
xcss: styles.containerTypeIconSkeleton,
backgroundColor: "color.background.neutral"
}));
};