clash-and-dashboard/src/components/Header/index.tsx

import * as React from 'react'
import { BaseComponentProps } from '@models/BaseProps'
import classnames from 'classnames'
import './style.scss'

interface HeaderProps extends BaseComponentProps {
    // header title
    title: string
}

export const Header: React.SFC<HeaderProps> = props => {
    const { title, children, className, style } = props

    return <header className={classnames('header', className)} style={style}>
        <h1>{title}</h1>
        <div className="operations">{children}</div>
    </header>
}