import * as React from 'react'
import * as cx from 'classnames'

import { ButtonBarProps } from '../interfaces'

const styles = require('../../src/styles/components/button-bar.scss')

export class ButtonBar extends React.Component<ButtonBarProps, any> {

    public render(): JSX.Element {
        const { id, className } = this.props
        return (
            <div id={id} className={cx( className, styles.buttonBar )}>
                {this.props.children}
            </div>
        )
    }
}