diff options
Diffstat (limited to 'webapp/components/backstage/backstage_header.jsx')
-rw-r--r-- | webapp/components/backstage/backstage_header.jsx | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/webapp/components/backstage/backstage_header.jsx b/webapp/components/backstage/backstage_header.jsx new file mode 100644 index 000000000..95b35d7a9 --- /dev/null +++ b/webapp/components/backstage/backstage_header.jsx @@ -0,0 +1,39 @@ +// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved. +// See License.txt for license information. + +import React from 'react'; + +export default class BackstageHeader extends React.Component { + static get propTypes() { + return { + children: React.PropTypes.node + }; + } + + render() { + const children = []; + + React.Children.forEach(this.props.children, (child, index) => { + if (index !== 0) { + children.push( + <span + key={'divider' + index} + className='backstage-header__divider' + > + {'>'} + </span> + ); + } + + children.push(child); + }); + + return ( + <div className='backstage-header'> + <h1> + {children} + </h1> + </div> + ); + } +} |