import React from 'react';
import { st, classes } from './SidebarDividerNext.st.css.js';
import Divider from '../Divider';
import { SidebarNextContext } from '../SidebarNext/SidebarNextContext';
import { SKINS } from './SidebarDividerNext.constants';
import { WixDesignSystemContext } from '../WixDesignSystemProvider/context';
/** A divider within the sidebar that supports inner and full mode */
class SidebarDividerNext extends React.PureComponent {
    render() {
        const { dataHook, fullWidth } = this.props;
        return (React.createElement(WixDesignSystemContext.Consumer, null, () => (React.createElement(SidebarNextContext.Consumer, null, context => {
            const skin = context?.skin || SKINS.dark;
            return (React.createElement("div", { "data-hook": dataHook, "data-skin": skin, "data-full-width": fullWidth, className: st(classes.root, fullWidth ? classes.fullWidth : ''), "aria-hidden": "true" },
                React.createElement(Divider, { className: st(classes.divider, { skin }) })));
        }))));
    }
}
SidebarDividerNext.displayName = 'SidebarDividerNext';
export default SidebarDividerNext;
//# sourceMappingURL=SidebarDividerNext.js.map