import React from 'react';
import { st, classes } from './Content.st.css.js';
import { dataHooks } from '../../constants';
import { SidePanelContext } from '../../SidePanelAPI';
import { useOverlayScrollbar } from '../../../providers/useOverlayScrollbar/useOverlayScrollbar';
const Content = ({ children, scrollElementRef, className, noPadding = false, stretchVertically = true, }) => {
    const [OverlayScrollbarHostElement, OverlayScrollbarContentElement] = useOverlayScrollbar();
    return (React.createElement(SidePanelContext.Consumer, null, ({ skin }) => (React.createElement(OverlayScrollbarHostElement, { className: st(classes.root, { noPadding, stretchVertically, skin }, className), "data-hook": dataHooks.sidePanelContent },
        React.createElement(OverlayScrollbarContentElement, { ref: scrollElementRef }, children)))));
};
export default Content;
//# sourceMappingURL=Content.js.map