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

React component of botframework-webchat

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

export default function ConnectivityNotification({
  connectivityMarginLeftRight,
  connectivityMarginTopBottom,
  connectivityTextSize,
  notificationText,
  primaryFont
}: StrictStyleOptions) {
  return {
    alignItems: 'center',
    color: notificationText,
    // TODO: [P2] We should not set "display" in styleSet, this will allow the user to break the layout for no good reasons.
    display: 'flex',
    fontFamily: primaryFont,
    fontSize: connectivityTextSize,
    marginBottom: connectivityMarginTopBottom,
    marginLeft: connectivityMarginLeftRight,
    marginRight: connectivityMarginLeftRight,
    marginTop: connectivityMarginTopBottom
  };
}