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


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

export interface Styles {
    RowRoot?: any
}

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

}

export default GroupedGridRow;