import * as React from 'react' ; import './Toolbar.less' ; import { CSS_PREFIX } from '../constants' ; interface DefaultProps { /**
     * The alignment of the sub components.
     */ alignment : 'horizontal' | 'vertical' ; } export interface BaseProps extends Partial < DefaultProps > { /**
       * An optional CSS class which should be added.
       */ className ? : string ; } export type ToolbarProps = BaseProps & Partial < DefaultProps > & React . HTMLAttributes < HTMLDivElement > ; class extends React . Component class Toolbar extends React . Component < ToolbarProps > { /**
     * The default properties.
     */ static defaultProps : DefaultProps = { alignment : 'horizontal' } ; private className : string = `${ CSS_PREFIX }toolbar` ; /**
     * The render function
     */ render ( ) { const { alignment , children , className , ... passThroughProps } = this . props ; const finalClassName = className ? `${ className } ${ this . className }` : this . className ; return ( < div className = { `${ finalClassName } ${ alignment }-toolbar` } role = "toolbar" { ... passThroughProps } > { children } < /div>); } } export default Toolbar ;