communication-react-19
Version:
React library for building modern communication user experiences utilizing Azure Communication Services (React 19 compatible fork)
37 lines • 1.32 kB
JavaScript
// Copyright (c) Microsoft Corporation.
// Licensed under the MIT License.
import { Callout, DirectionalHint, mergeStyles, Stack, Text } from '@fluentui/react';
// eslint-disable-next-line no-restricted-imports
import { FontIcon } from '@fluentui/react';
import React from 'react';
/** @private */
export const CalloutWithIcon = (props) => {
return (React.createElement(Callout, { styles: calloutStyle, target: `#${props.targetId}`, directionalHint: DirectionalHint.topCenter, beakWidth: BEAK_WIDTH_PX, gapSpace: GAP_SPACE_PX, doNotLayer: props.doNotLayer },
React.createElement(Stack, { horizontal: true, styles: calloutRootStackStyle, tokens: { childrenGap: '0.375rem' } },
React.createElement(FontIcon, { iconName: "Checkmark", className: iconClass }),
React.createElement(Text, null, props.text))));
};
const calloutStyle = {
root: {
padding: '0.375rem 0.75rem 0.375rem 0.5rem',
borderRadius: '0.25rem'
},
beakCurtain: {
borderRadius: '0.25rem'
},
container: {
zIndex: 0
}
};
const calloutRootStackStyle = {
root: {
display: 'flex',
alignItems: 'center'
}
};
const BEAK_WIDTH_PX = 8;
const GAP_SPACE_PX = 2;
const iconClass = mergeStyles({
fontSize: 18
});
//# sourceMappingURL=CalloutWithIcon.js.map