import React from 'react';
import { makeStyles, Slide } from '@material-ui/core';
import clsx from 'clsx';
const useStyles = makeStyles((theme) => ({
    root: {
        display: 'flex',
        flexDirection: 'row',
        width: '100%',
        position: 'relative'
    },
    sideBar: {
        width: (props) => (props.nodeMinimized ? props.collapsedWidth : 350),
        // height: '100vh',
        background: theme.palette.common.white,
        borderRight: `1px solid ${theme.palette.divider}`
    },
    children: {
        width: '100%'
    }
}));
export const InquiryWrapper = (props) => {
    const classes = useStyles(props);
    const { children, sideBar, nodeLoaded, onMouseEnter, onMouseLeave, className, sidebarClassName, childrenClassName } = props;
    return (React.createElement("div", { className: clsx(classes.root, className) }, React.createElement(Slide, { direction: "right", in: nodeLoaded, mountOnEnter: true, unmountOnExit: true }, React.createElement("div", { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, className: clsx(classes.sideBar, sidebarClassName) }, sideBar)), React.createElement("div", { className: clsx(classes.children, childrenClassName) }, children)));
};
//# sourceMappingURL=InquiryWrapper.js.map