botframework-webchat-component/src/Styles/StyleSet/DictationInterims.ts

React component of botframework-webchat

import { StrictStyleOptions } from 'botframework-webchat-api';

export default function createDictationInterimsStyle({ paddingRegular, primaryFont }: StrictStyleOptions) {
  return {
    fontFamily: primaryFont,
    margin: 0,
    paddingBottom: 0,
    paddingLeft: paddingRegular,
    paddingRight: paddingRegular,
    paddingTop: 0,

    '&.dictating > span:not(:first-child), &.status': {
      opacity: 0.5
    }
  };
}