"use strict";(self.webpackChunk_pfct_purple=self.webpackChunk_pfct_purple||[]).push([[7324],{"./src/components/Tooltip/ImpactTooltip/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 _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_TooltipBase__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./src/components/Tooltip/TooltipBase/index.tsx")),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Tooltip/ImpactTooltip/index.tsx"),_Icon__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/Icon/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");const meta={title:"Component/Tooltip/ImpactTooltip",component:___WEBPACK_IMPORTED_MODULE_3__.Z,tags:["autodocs"],parameters:{docs:{description:{component:'updated 230523\n\n<a href="https://www.notion.so/Tooltip-3517bfdc827244d3a8cc91ec2b5c54c3" target="_blank">노션페이지</a>\n<br/>\n사용자에게 필수로 정보를 인지시켜야할 경우 사용합니다. 화면 진입 시 단독으로 노출하며 사용자의 액션을 방해하지 않도록 필요 시 닫기 기능을 제공합니다.'}}}};__webpack_exports__.default=meta;const commonArgTypes={colorType:{options:_TooltipBase__WEBPACK_IMPORTED_MODULE_2__.xy.filter((colorType=>"white"!==colorType)),control:{type:"radio"}},placement:{options:_TooltipBase__WEBPACK_IMPORTED_MODULE_2__.$w,control:{type:"radio"}},hasCloseButton:{control:{type:"boolean"}}},ContainerForStorybook=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.Z)("div",{target:"eodqmv30"})({name:"1ymhvw7",styles:"width:100%;padding:100px 0;display:flex;justify-content:center;align-items:center"}),Component1=props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(ContainerForStorybook,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Z,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_4__.UO,{})})});Component1.displayName="Component1";const Story1={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Component1,{...props}),args:{colorType:"gray",content:"툴팁 문구를 입력해주세요",placement:"top-center"},argTypes:commonArgTypes,parameters:{docs:{description:{story:"화면 영향 없이 콘텐츠가 가려지지 않는 방향으로 자유롭게 말풍선 꼬리를 표시합니다."}}},storyName:"playground"};Story1.parameters={...Story1.parameters,docs:{...Story1.parameters?.docs,source:{originalSource:"{\n  render: props => <Component1 {...props} />,\n  args: {\n    colorType: 'gray',\n    content: '툴팁 문구를 입력해주세요',\n    placement: 'top-center'\n  },\n  argTypes: commonArgTypes,\n  parameters: {\n    docs: {\n      description: {\n        story: '화면 영향 없이 콘텐츠가 가려지지 않는 방향으로 자유롭게 말풍선 꼬리를 표시합니다.'\n      }\n    }\n  }\n}",...Story1.parameters?.docs?.source}}};const __namedExportsOrder=["Story1"]}}]);