communication-react-19
Version:
React library for building modern communication user experiences utilizing Azure Communication Services (React 19 compatible fork)
81 lines • 1.63 kB
JavaScript
// Copyright (c) Microsoft Corporation.
// Licensed under the MIT License.
import { _pxToRem } from "../../../../../acs-ui-common/src";
/**
* styles for hold pane resume button
*
* @private
*/
export const resumeButtonStyles = {
root: {
borderRadius: _pxToRem(4),
padding: `${_pxToRem(6)} ${_pxToRem(20)} `
},
label: {
fontWeight: 400,
display: 'flex',
fontSize: _pxToRem(14)
},
labelDisabled: {
fontWeight: 400,
display: 'flex',
fontSize: _pxToRem(14)
}
};
/**
* styles for hold pane main text
*
* @private
*/
export const holdPaneLabelStyles = {
root: {
color: 'inherit',
fontWeight: 600,
fontHeight: _pxToRem(22),
fontSize: _pxToRem(16),
marginTop: '0.5rem',
marginBottom: '1.5rem'
}
};
/**
* styles for hold pane timer
*
* @private
*/
export const holdPaneTimerStyles = {
root: {
color: 'inherit',
fontWeight: 600,
fontSize: _pxToRem(20),
lineHeight: _pxToRem(28),
margin: 'auto'
}
};
/**
* styles for hold pane container
*
* @private
*/
export const paneStyles = {
root: {
width: '100%',
height: '100%',
background: 'inherit'
}
};
/**
* styles for the hold pane content container
*
* @private
*/
export const holdPaneContentStyles = {
root: {
display: 'flex',
margin: 'auto',
flexDirection: 'column',
justifyContent: 'center',
alignContent: 'center',
alignItems: 'center'
}
};
//# sourceMappingURL=HoldPane.styles.js.map