import React, { useContext } from 'react';
import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
import { ThemeContext } from '../../lib/theming/ThemeContext.js';
import { getStyles } from './Modal.styles.js';
/**
 * Разделитель
 *
 * @visibleName Modal.Separator
 */
export function ModalSeparator(_a) {
    var fixed = _a.fixed;
    var theme = useContext(ThemeContext);
    var cx = useEmotion().cx;
    var styles = useStyles(getStyles);
    return (React.createElement("div", { className: styles.modalSeparatorWrapper() },
        React.createElement("div", { className: cx(styles.modalSeparator(theme), fixed && styles.modalSeparatorFixed(theme)) })));
}
ModalSeparator.__KONTUR_REACT_UI__ = 'ModalSeparator';
ModalSeparator.displayName = 'ModalSeparator';
//# sourceMappingURL=ModalSeparator.js.map