import{j as t,a as l}from"./jsx-runtime-5BUNAZ9W.js";import{B as n}from"./button-N5G3CLUW.js";import{c as g}from"./cn-466VSCev.js";import{c as f}from"./index-polp_dyw.js";import{r as h}from"./index-4g5l5LRQ.js";import"./index-dNGI4_9C.js";import"./extends-dGVwEr9R.js";import"./createLucideIcon-SOGh5HrW.js";import"./_commonjsHelpers-4gQjN7DL.js";const y=f("inline-flex space-x-[-1px] rounded-md",{variants:{variant:{default:"button group p-1",unstyled:""}},defaultVariants:{variant:"default"}}),e=h.forwardRef(({className:r,variant:o,...B},v)=>t("div",{ref:v,className:g(y({variant:o}),r),"data-variant":o??"default",...B}));e.displayName="ButtonGroup";try{e.displayName="ButtonGroup",e.__docgenInfo={description:"",displayName:"ButtonGroup",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"unstyled"'}]}}}}}catch{}const V={title:"ui/ButtonGroup",component:e,tags:["autodocs"],argTypes:{}},a={render:r=>l(e,{...r,children:[t(n,{size:"sm",variant:"outline",children:"First"}),t(n,{size:"sm",variant:"outline",children:"Second"}),t(n,{size:"sm",variant:"outline",children:"Third"})]}),args:{}},s={render:r=>l(e,{...r,children:[t(n,{size:"sm",children:"First"}),t(n,{size:"sm",variant:"ghost",children:"Second"}),t(n,{size:"sm",variant:"ghost",children:"Third"})]}),args:{variant:"unstyled"}};var i,u,d;a.parameters={...a.parameters,docs:{...(i=a.parameters)==null?void 0:i.docs,source:{originalSource:`{
  render: args => <ButtonGroup {...args}>
      <Button size="sm" variant="outline">
        First
      </Button>
      <Button size="sm" variant="outline">
        Second
      </Button>
      <Button size="sm" variant="outline">
        Third
      </Button>
    </ButtonGroup>,
  args: {}
}`,...(d=(u=a.parameters)==null?void 0:u.docs)==null?void 0:d.source}}};var c,p,m;s.parameters={...s.parameters,docs:{...(c=s.parameters)==null?void 0:c.docs,source:{originalSource:`{
  render: args => <ButtonGroup {...args}>
      <Button size="sm">First</Button>
      <Button size="sm" variant="ghost">
        Second
      </Button>
      <Button size="sm" variant="ghost">
        Third
      </Button>
    </ButtonGroup>,
  args: {
    variant: "unstyled"
  }
}`,...(m=(p=s.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};const b=["Base","Unstyled"];export{a as Base,s as Unstyled,b as __namedExportsOrder,V as default};
