@atlaskit/profilecard

Version:
A React component to display a card with user information.
bitbucket.org/atlassian/atlassian-frontend-mirror
33 lines • 1.51 kB
JavaScript
/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
import "./index.compiled.css";
import { ax, ix } from "@compiled/react/runtime";
import React from 'react';
import { Box, Inline, Stack } from '@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"
};
export var LinkedContainerCardSkeleton = function LinkedContainerCardSkeleton() {
  return /*#__PURE__*/React.createElement(Inline, {
    space: "space.100",
    xcss: styles.containerWrapperSkeleton
  }, /*#__PURE__*/React.createElement(Box, {
    xcss: styles.containerIconSkeleton,
    backgroundColor: "color.background.neutral"
  }), /*#__PURE__*/React.createElement(Stack, {
    grow: "fill",
    space: "space.050"
  }, /*#__PURE__*/React.createElement(Box, {
    xcss: styles.firstLineSkeleton,
    backgroundColor: "color.background.neutral"
  }), /*#__PURE__*/React.createElement(Box, {
    xcss: styles.secondLineSkeleton,
    backgroundColor: "color.background.neutral"
  })), /*#__PURE__*/React.createElement(Box, {
    xcss: styles.containerTypeIconSkeleton,
    backgroundColor: "color.background.neutral"
  }));
};