@infinityfx/fluid/dist/components/layout/divider.js

React UI library, using zero-runtime CSS-in-JS.

import{jsxs as i,jsx as e}from"react/jsx-runtime";import{combineClasses as r,classes as a}from"../../core/utils.js";import{createStyles as t}from"../../core/style.js";const o=t("divider",{".divider":{display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",fontSize:"var(--f-font-size-xsm)",fontWeight:600,color:"var(--f-clr-grey-200)"},'.divider[aria-orientation="vertical"]':{writingMode:"vertical-lr"},".line":{backgroundColor:"var(--f-clr-fg-200)",flexGrow:1},'.divider[aria-orientation="horizontal"] .line':{height:"1px"},'.divider[aria-orientation="vertical"] .line':{width:"1px"}});function l({cc:t={},vertical:l=!1,label:n,labelPosition:s="center",size:c="med",...d}){const v=r(o,t);return i("div",{...d,role:"separator","aria-orientation":l?"vertical":"horizontal",className:a(v.divider,d.className),style:{paddingBlock:"inherit"==c?c:`var(--f-spacing-${c})`,...d.style},children:[n&&"start"!==s&&e("div",{className:v.line}),n,!(n&&"end"===s)&&e("div",{className:v.line})]})}export{l as default};
//# sourceMappingURL=divider.js.map