import React from 'react';
import { makeStyles, Paper } from '@material-ui/core';
import PropTypes from 'prop-types';
const useStyles = makeStyles((theme) => ({
    root: {},
    groupWrapper: {
        padding: theme.spacing(2),
        height: (props) => (props === null || props === void 0 ? void 0 : props.height)
            ? `${props.height} !important`
            : 'calc(100vh - 280px) !important',
        overflow: 'auto'
    }
}));
export const GridSidebarContainer = (props) => {
    const { children, color } = props;
    const classes = useStyles(props);
    return (React.createElement("div", { className: classes.root }, React.createElement(Paper, { elevation: "0", square: true, style: { background: color } }, React.createElement("div", { className: classes.groupWrapper }, children))));
};
GridSidebarContainer.propTypes = {
    /**
     * Children of component
     */
    children: PropTypes.node,
    color: PropTypes.string
};
//# sourceMappingURL=GridSidebarContainer.js.map