@atlaskit/profilecard
Version:
A React component to display a card with user information.
46 lines • 1.63 kB
JavaScript
/* TeamTrigger.tsx generated by @compiled/babel-plugin v0.39.1 */
import _extends from "@babel/runtime/helpers/extends";
import "./TeamTrigger.compiled.css";
import { ax, ix } from "@compiled/react/runtime";
import React from 'react';
import { cx } from '@atlaskit/css';
import { Box } from '@atlaskit/primitives/compiled';
import { CoverImage } from './CoverImage';
const styles = {
cardtriggerwrapper: "_1e0c1kw7",
cardwrapper: "_2rko12b0 _1bsbnklw _kqswh2mm",
cardheader: "_4t3i1qr7 _1bsb1osq",
cardcontent: "_1e0c1txw _2lx21bp4 _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb _1tke1l8a",
loadingwrapper: "_y3gn1h6o _19pk1jfw _otyr1jfw",
grayoutImage: "_kdam7g3v"
};
export const CardTriggerWrapper = () => /*#__PURE__*/React.createElement(Box, {
xcss: cx(styles.cardtriggerwrapper)
});
export const CardWrapper = ({
testId,
children
}) => /*#__PURE__*/React.createElement(Box, {
xcss: cx(styles.cardwrapper),
backgroundColor: "elevation.surface.overlay",
testId: testId
}, children);
export const CardHeader = ({
image,
isLoading,
label,
isDisabled
}) => isLoading || !image ? /*#__PURE__*/React.createElement(Box, {
xcss: cx(styles.cardheader, isDisabled && styles.grayoutImage),
backgroundColor: "color.background.neutral"
}) : /*#__PURE__*/React.createElement(CoverImage, {
alt: label || '',
src: image,
isDisabled: isDisabled
});
export const CardContent = props => /*#__PURE__*/React.createElement(Box, _extends({
xcss: cx(styles.cardcontent)
}, props));
export const LoadingWrapper = props => /*#__PURE__*/React.createElement(Box, _extends({
xcss: cx(styles.loadingwrapper)
}, props));