@wix/design-system
Version:
@wix/design-system
19 lines • 1.1 kB
JavaScript
import React from 'react';
import PropTypes from 'prop-types';
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)))));
};
Content.propTypes = {
className: PropTypes.string,
children: PropTypes.node,
noPadding: PropTypes.bool,
stretchVertically: PropTypes.bool,
};
export default Content;
//# sourceMappingURL=Content.js.map