import { IButtonStyles , IStackTokens , mergeStyles } from '@fluentui/react' ; export const mainStackTokens = { childrenGap : '2.75rem' } ; export const buttonsStackTokens = { childrenGap : '0.75rem' } ; export const upperStackTokens = { childrenGap : '1.5rem' } ; export const endChatContainerStyle = mergeStyles ( { height : '100%' , width : '100% ' , padding : '1.375rem' , minWidth : '22.75rem' , minHeight : 'auto' } ) ; export const endChatTitleStyle = mergeStyles ( { fontWeight : 600 , fontSize : '1.375rem' , width : '20rem' } ) ; export const buttonStyle = mergeStyles ( { fontWeight : 600 , height : '2.5rem' , width : '9.875rem' , fontSize : '0.875rem' , padding : 0 } ) ; export const buttonWithIconStyles = { textContainer : { display : 'contents' } } ; export const chatIconStyle = mergeStyles ( { marginRight : '0.375rem' , fontSize : '1.375rem' } ) ; export const bottomStackFooterStyle = mergeStyles ( { fontSize : '0.875rem' } ) ; export const buttonTextStyle = mergeStyles ( { fontSize : '0.875rem' } ) ;