colouring-montreal/app/src/frontend/info-box.js

import React, { Fragment } from 'react';

const InfoBox = (props) => (
    <Fragment>
        {
            (props.msg || props.children)?
                (
                    <div className="alert alert-info" role="alert">
                        {
                            (typeof props.msg === 'string' || props.msg instanceof String)?
                                props.msg
                                : 'Enjoy the colouring! Usual service should resume shortly.'
                        }
                        {
                            props.children
                        }
                    </div>
                ) : null
        }
    </Fragment>
);

export default InfoBox;