@infinityfx/fluid
Version:
React UI library, using zero-runtime CSS-in-JS.
4 lines (3 loc) • 698 B
JavaScript
"use client";
import{jsx as e}from"react/jsx-runtime";import{combineClasses as i,classes as o}from"../../../core/utils.js";import{createStyles as t}from"../../../core/style.js";import{useSidebar as a}from"./root.js";const r=t("sidebar.heading",{".heading":{color:"var(--f-clr-text-100)",fontSize:"var(--f-font-size-xsm)",fontWeight:800,width:"max-content",transition:"opacity .3s",paddingInline:"1rem"},".heading.collapsed":{opacity:0}});function n({children:t,cc:n={},...s}){const c=i(r,n),{collapsed:d}=a();return e("div",{...s,role:"heading",className:o(c.heading,d&&c.collapsed,s.className),children:t})}n.displayName="Sidebar.Heading";export{n as default};
//# sourceMappingURL=heading.js.map