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


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

export interface Styles {
    Root?: any
}

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