"use strict";(self.webpackChunk_pfct_purple=self.webpackChunk_pfct_purple||[]).push([[9587],{"./src/components/Control/RadioButton/index.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Story1:function(){return Story1},__namedExportsOrder:function(){return __namedExportsOrder}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Control/RadioButton/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const meta={title:"Component/Control/RadioButton",component:___WEBPACK_IMPORTED_MODULE_1__.E,tags:["autodocs"],parameters:{docs:{description:{component:'updated 230523\n\n<a href="https://www.notion.so/Control-462646debf424154a108e1931f16c034?pvs=4" target="_blank">노션페이지</a>\n<br/>\n여러 옵션 중에서 하나의 항목만 선택하는 컨트롤입니다.'}}}};__webpack_exports__.default=meta;const Component=props=>{const[selected,setSelected]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),onChange=e=>{setSelected(e.target.value)};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:["selected: ",selected,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{style:{display:"flex",gap:"10px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("label",{children:"선택 A"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.E,{...props,value:"선택 A",checked:"선택 A"===selected,onChange:onChange})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{style:{display:"flex",gap:"10px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("label",{children:"선택 B"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.E,{...props,value:"선택 B",checked:"선택 B"===selected,onChange:onChange})]})]})},Story1={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Component,{...props}),args:{colorType:"blue",name:"same name"},argTypes:{onChange:{action:"onChange"}},storyName:"라디오버튼"};Story1.parameters={...Story1.parameters,docs:{...Story1.parameters?.docs,source:{originalSource:"{\n  render: props => <Component {...props} />,\n  args: {\n    colorType: 'blue',\n    name: 'same name'\n  },\n  argTypes: {\n    onChange: {\n      action: 'onChange'\n    }\n  }\n}",...Story1.parameters?.docs?.source}}};const __namedExportsOrder=["Story1"]}}]);