import React from 'react';
import Text from '../Text';
import { st, classes } from './SidebarTitleItemNext.st.css.js';
import { skins } from './constants';
import { SidebarNextContext } from '../SidebarNext/SidebarNextContext';
/** Sidebar title item */
const SidebarTitleItemNext = ({ dataHook, children } = {}) => {
    return (React.createElement(SidebarNextContext.Consumer, null, context => {
        const skin = (context && context.skin) || skins.dark;
        return (React.createElement(Text, { dataHook: dataHook, "data-title-skin": skin, className: st(classes.root, { skin }), size: "tiny", weight: "bold" }, children));
    }));
};
SidebarTitleItemNext.displayName = 'SidebarTitleItemNext';
export default SidebarTitleItemNext;
//# sourceMappingURL=SidebarTitleItemNext.js.map