import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-DaN-XFub.js";import{n as i,t as a}from"./RadioGroup-DNqu6WaC.js";var o=t({Controlled:()=>d,Disabled:()=>p,Vertical:()=>f,__namedExportsOrder:()=>m,default:()=>u});function s(e){return(0,l.jsx)(a,{...e})}var c,l,u,d,f,p,m;function h(){return(h=e((()=>{c=n(),i(),l=r(),u={title:`Shared/UI/RadioGroup`,component:s,args:{value:`email`,onChange:()=>{},orientation:`horizontal`,label:`Канал уведомлений`,description:`Выберите основной канал доставки`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{value:{description:`Текущее выбранное значение.`,control:`text`},onChange:{description:`Вызывается при смене выбранной опции.`,control:!1},label:{description:`Заголовок группы опций.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},disabled:{description:`Блокирует выбор опций.`,control:`boolean`},noWrap:{description:`Запрещает перенос опций на новую строку.`,control:`boolean`},orientation:{description:`Ориентация расположения опций.`,control:`inline-radio`,options:[`horizontal`,`vertical`]},className:{description:`Дополнительный CSS-класс контейнера.`,control:`text`},children:{description:"Элементы `RadioGroup.Option` внутри группы.",control:!1}}},d={render:e=>{let[t,n]=(0,c.useState)(`email`);return(0,l.jsxs)(`div`,{style:{display:`grid`,gap:10},children:[(0,l.jsxs)(s,{...e,value:t,onChange:n,children:[(0,l.jsx)(a.Option,{value:`email`,label:`Email`,description:`Письма на корпоративную почту`}),(0,l.jsx)(a.Option,{value:`sms`,label:`SMS`,description:`Сообщения на телефон`}),(0,l.jsx)(a.Option,{value:`push`,label:`Push`,description:`Уведомления в приложении`})]}),(0,l.jsxs)(`div`,{children:[`Выбрано: `,t]})]})},args:{children:void 0}},f={render:e=>{let[t,n]=(0,c.useState)(`draft`);return(0,l.jsxs)(s,{...e,value:t,onChange:n,orientation:`vertical`,label:`Статус документа`,children:[(0,l.jsx)(a.Option,{value:`draft`,label:`Черновик`}),(0,l.jsx)(a.Option,{value:`review`,label:`На согласовании`}),(0,l.jsx)(a.Option,{value:`approved`,label:`Утвержден`})]})},args:{orientation:`vertical`,children:void 0}},p={render:e=>(0,l.jsxs)(s,{...e,disabled:!0,children:[(0,l.jsx)(a.Option,{value:`yes`,label:`Да`}),(0,l.jsx)(a.Option,{value:`no`,label:`Нет`})]}),args:{disabled:!0,value:`yes`,children:void 0}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
  render: args => {
    const [value, setValue] = useState("email");
    return <div style={{
      display: "grid",
      gap: 10
    }}>
                <StringRadioGroup {...args} value={value} onChange={setValue}>
                    <RadioGroup.Option value="email" label="Email" description="Письма на корпоративную почту" />
                    <RadioGroup.Option value="sms" label="SMS" description="Сообщения на телефон" />
                    <RadioGroup.Option value="push" label="Push" description="Уведомления в приложении" />
                </StringRadioGroup>
                <div>Выбрано: {value}</div>
            </div>;
  },
  args: {
    children: undefined
  }
}`,...d.parameters?.docs?.source}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
  render: args => {
    const [value, setValue] = useState("draft");
    return <StringRadioGroup {...args} value={value} onChange={setValue} orientation="vertical" label="Статус документа">
                <RadioGroup.Option value="draft" label="Черновик" />
                <RadioGroup.Option value="review" label="На согласовании" />
                <RadioGroup.Option value="approved" label="Утвержден" />
            </StringRadioGroup>;
  },
  args: {
    orientation: "vertical",
    children: undefined
  }
}`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
  render: args => <StringRadioGroup {...args} disabled>
            <RadioGroup.Option value="yes" label="Да" />
            <RadioGroup.Option value="no" label="Нет" />
        </StringRadioGroup>,
  args: {
    disabled: true,
    value: "yes",
    children: undefined
  }
}`,...p.parameters?.docs?.source}}},m=[`Controlled`,`Vertical`,`Disabled`]})))()}export{h as a,f as i,p as n,o as r,d as t};