import{a as t,j as e}from"./jsx-runtime-5BUNAZ9W.js";import{S as a}from"./separator-fjzi3Wdk.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./cn-466VSCev.js";import"./index-VfKohXEB.js";import"./extends-dGVwEr9R.js";import"./index-zaNpaTzt.js";import"./index-dNGI4_9C.js";const g={title:"ui/Separator",component:a,tags:["autodocs"],argTypes:{}},r={render:o=>t("div",{children:[t("div",{className:"space-y-1",children:[e("h4",{className:"text-sm font-medium leading-none",children:"Radix Primitives"}),e("p",{className:"text-sm text-text-primary",children:"An open-source UI component library."})]}),e(a,{className:"my-4"}),t("div",{className:"flex h-5 items-center space-x-4 text-sm",children:[e("div",{children:"Blog"}),e(a,{orientation:"vertical"}),e("div",{children:"Docs"}),e(a,{orientation:"vertical"}),e("div",{children:"Source"})]})]}),args:{}};var i,s,n;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`{
  render: args => <div>
      <div className="space-y-1">
        <h4 className="text-sm font-medium leading-none">Radix Primitives</h4>
        <p className="text-sm text-text-primary">
          An open-source UI component library.
        </p>
      </div>
      <Separator className="my-4" />
      <div className="flex h-5 items-center space-x-4 text-sm">
        <div>Blog</div>
        <Separator orientation="vertical" />
        <div>Docs</div>
        <Separator orientation="vertical" />
        <div>Source</div>
      </div>
    </div>,
  args: {}
}`,...(n=(s=r.parameters)==null?void 0:s.docs)==null?void 0:n.source}}};const N=["Base"];export{r as Base,N as __namedExportsOrder,g as default};
