import{j as n}from"./jsx-runtime-D_zvdyIk.js";import{r as l}from"./index-2yJIXLcc.js";import{c as x}from"./index-BORBwRSE.js";import{B as u}from"./Body-mIfF2_xz.js";const y="_root_zp5a1_1",C="_disabled_zp5a1_8",T="_wrapper_zp5a1_12",j="_input_zp5a1_18",E="_label_zp5a1_21",I="_description_zp5a1_24",e={root:y,disabled:C,wrapper:T,input:j,label:E,description:I},d=l.forwardRef(({checked:i,label:t,description:s,disabled:r,onChange:o,className:c,..._},b)=>{const p=l.useId(),f=k=>{o(k.target.checked)};return n.jsxs("div",{className:x(e.root,{[e.disabled]:r},c),children:[n.jsx("input",{ref:b,id:p,type:"checkbox",className:e.input,checked:i,onChange:f,disabled:r,..._}),n.jsx("label",{htmlFor:p,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:"Checkbox",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:z}=__STORYBOOK_MODULE_PREVIEW_API__,w={component:d,title:"Molecules/Inputs/Checkbox",tags:["autodocs"],argTypes:{checked:{control:"boolean"}}},a={render:function(t){const[{checked:s},r]=z(),o=c=>{r({checked:c})};return n.jsx(d,{...t,checked:s,onChange:o})},args:{checked:!1,label:"Label",description:"Description"}};var m,h,g;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 <Checkbox {...args} checked={checked} onChange={handleChange} />;
  },
  args: {
    checked: false,
    label: 'Label',
    description: 'Description'
  }
}`,...(g=(h=a.parameters)==null?void 0:h.docs)==null?void 0:g.source}}};const O=["Default"];export{a as Default,O as __namedExportsOrder,w as default};