diff options
Diffstat (limited to 'webapp/components/admin_console/banner.jsx')
-rw-r--r-- | webapp/components/admin_console/banner.jsx | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/webapp/components/admin_console/banner.jsx b/webapp/components/admin_console/banner.jsx new file mode 100644 index 000000000..2071fff93 --- /dev/null +++ b/webapp/components/admin_console/banner.jsx @@ -0,0 +1,40 @@ +// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved. +// See License.txt for license information. + +import React from 'react'; +import {FormattedMessage} from 'react-intl'; + +export default class Banner extends React.Component { + render() { + let title = ( + <FormattedMessage + id='admin.banner.heading' + defaultMessage='Note:' + /> + ); + + if (this.props.title) { + title = this.props.title; + } + + return ( + <div className='banner'> + <div className='banner__content'> + <h4 className='banner__heading'> + {title} + </h4> + <p> + {this.props.description} + </p> + </div> + </div> + ); + } +} + +Banner.defaultProps = { +}; +Banner.propTypes = { + title: React.PropTypes.node, + description: React.PropTypes.node.isRequired +}; |