import { IStackStyles , IStackItemStyles , IStackTokens } from '@fluentui/react' ; private export const sidePaneContainerStyles = { root : { height : '100%' , paddingTop : '0.5rem' , paddingBottom : '0.5rem' , width : '21.5rem' } } ; private export const sidePaneContainerHiddenStyles = { root : { ... sidePaneContainerStyles , display : 'none' } } ; private export const sidePaneContainerTokens = { childrenGap : '0.5rem' } ; private export const sidePaneHeaderStyles = { root : { fontSize : '0.825rem' , lineHeight : '1.25rem' , padding : '0.25rem' , fontWeight : '600' } } ; private export const paneBodyContainer = { root : { flexDirection : 'column' , display : 'flex' } } ; private export const scrollableContainer = { root : { flexBasis : '0' , flexGrow : '1' , overflowY : 'auto' } } ; private export const scrollableContainerContents = { root : { flexGrow : '1' , flexBasis : '0' } } ; private export const peopleSubheadingStyle = { root : { fontSize : '0.75rem' } } ; private export const peoplePaneContainerTokens = { childrenGap : '0.5rem' } ;