import * as React from 'react';
import * as _ from 'lodash';
import * as DefaultStyles from './style';


export interface Props {
    header: any,
    styles?: Styles,
    id?: string,
    name?: string,
}

export interface Styles {
    HeaderRoot?: any,
}

const GroupedGridHeader: React.StatelessComponent<Props> = (props: Props): JSX.Element => {
    const Styles: Styles = _.merge(DefaultStyles, props.styles);
    return (
        <Styles.HeaderRoot id={props.id && props.id + '-grouped-grid-header-root-div'} name={props.name && props.name + '-grouped-grid-header-root-div'}>
            {props.header}
        </Styles.HeaderRoot>
    );
}

export default GroupedGridHeader;