import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./AvatarWithStatus-DXLryM9o.js";var o,s,c,l,u;t((()=>{e(n(),1),i(),o=r(),s={title:`components/AvatarWithStatus`,component:a},c=()=>(0,o.jsxs)(`div`,{style:{display:`flex`,gap:`8px`},children:[(0,o.jsx)(a,{size:`64`,online:!0}),(0,o.jsx)(a,{size:`64`,online:!1})]}),l={parameters:{chromatic:{disableSnapshot:!0}},args:{size:`64`,src:`./assets/avatar-1.png`,online:!1,dataset:{qaid:`avatar-with-status`}},argTypes:{src:{control:`text`},dataset:{control:`object`},alt:{control:`text`},online:{control:`boolean`}}},c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`() => <div style={{
  display: 'flex',
  gap: '8px'
}}>
        <AvatarWithStatus size="64" online />
        <AvatarWithStatus size="64" online={false} />
    </div>`,...c.parameters?.docs?.source},description:{story:`This component augments [Avatar](/docs/components-avatar--docs) to add a
connection status indicator.`,...c.parameters?.docs?.description}}},l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
  parameters: {
    chromatic: {
      disableSnapshot: true
    }
  },
  args: {
    size: '64',
    src: './assets/avatar-1.png',
    online: false,
    dataset: {
      qaid: 'avatar-with-status'
    }
  },
  argTypes: {
    src: {
      control: 'text'
    },
    dataset: {
      control: 'object'
    },
    alt: {
      control: 'text'
    },
    online: {
      control: 'boolean'
    }
  }
}`,...l.parameters?.docs?.source}}},u=[`Statuses`,`Playground`]}))();export{l as Playground,c as Statuses,u as __namedExportsOrder,s as default};