File: /var/www/design.system/storybook-static/assets/Radio.stories-DWgI2Ih8.js
import{j as n}from"./jsx-runtime-D_zvdyIk.js";import{r as p}from"./index-2yJIXLcc.js";import{c as k}from"./index-BORBwRSE.js";import{B as u}from"./Body-mIfF2_xz.js";const w="_root_1wyeg_1",x="_disabled_1wyeg_8",R="_wrapper_1wyeg_12",T="_input_1wyeg_15",j="_label_1wyeg_21",C="_description_1wyeg_24",e={root:w,disabled:x,wrapper:R,input:T,label:j,description:C},d=p.forwardRef(({checked:i,label:t,description:s,disabled:r,onChange:o,className:c,..._},b)=>{const l=p.useId(),y=f=>{o(f.target.checked)};return n.jsxs("div",{className:k(e.root,{[e.disabled]:r},c),children:[n.jsx("input",{ref:b,id:l,type:"radio",className:e.input,checked:i,onChange:y,disabled:r,..._}),n.jsx("label",{htmlFor:l,className:e.wrapper,children:n.jsx(u,{className:e.label,children:t})}),s&&n.jsx(u,{className:e.description,children:s})]})});d.__docgenInfo={description:`Поддерживает все стандартные пропсы HTMLInputElement.
Полную документацию смотрите сайте: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement`,methods:[],displayName:"Radio",props:{checked:{required:!0,tsType:{name:"boolean"},description:""},label:{required:!0,tsType:{name:"string"},description:""},description:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},className:{required:!1,tsType:{name:"string"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(checked: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"checked"}],return:{name:"void"}}},description:""}},composes:["Omit"]};const{useArgs:E}=__STORYBOOK_MODULE_PREVIEW_API__,v={component:d,title:"Molecules/Inputs/Radio",tags:["autodocs"],argTypes:{checked:{control:"boolean"}}},a={render:function(t){const[{checked:s},r]=E(),o=c=>{r({checked:c})};return n.jsx(d,{...t,checked:s,onChange:o})},args:{checked:!1,label:"Label",description:"Description"}};var m,g,h;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`{
render: function Render(args) {
const [{
checked
}, updateArgs] = useArgs();
const handleChange = (value: boolean) => {
updateArgs({
checked: value
});
};
return <Radio {...args} checked={checked} onChange={handleChange} />;
},
args: {
checked: false,
label: 'Label',
description: 'Description'
}
}`,...(h=(g=a.parameters)==null?void 0:g.docs)==null?void 0:h.source}}};const O=["Default"];export{a as Default,O as __namedExportsOrder,v as default};