@pfct/purple 1.3.8-rc.2 → 1.4.0-npm-test.2

package/dist/components/NavigationBar/PageNavigationBar/index.spec.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const _1 = require(".");
-const props = {
-    contentColor: 'gray',
-    hasBackgroundColor: true,
-};
-describe('<PageNavigationBar />', () => {
-    it('렌더링 체크', () => {
-        (0, react_2.render)(react_1.default.createElement(react_1.default.Fragment, null,
-            "\uD655\uC778",
-            react_1.default.createElement(_1.PageNavigationBar, Object.assign({}, props))));
-        expect(react_2.screen.getByText('확인')).toBeInTheDocument();
-    });
-});

package/dist/components/NavigationBar/PageNavigationBar/index.stories.d.ts

@@ -1,18 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { PageNavigationProps } from '.';
-type Story = StoryObj<PageNavigationProps>;
-/**
- * updated 230523
- *
- * 현재 사용자가 위치한 화면의 정보와 액션 기능을 담고 있는 컴포넌트입니다.
- *
- */
-declare const meta: Meta<PageNavigationProps>;
-export default meta;
-export declare const Story1: Story;
-export declare const Story2: Story;
-export declare const Story3: Story;
-export declare const Story4: Story;
-export declare const Story5: Story;
-export declare const Story6: Story;
-export declare const Story7: Story;

package/dist/components/NavigationBar/PageNavigationBar/index.stories.js

@@ -1,146 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Story7 = exports.Story6 = exports.Story5 = exports.Story4 = exports.Story3 = exports.Story2 = exports.Story1 = void 0;
-const react_1 = __importDefault(require("react"));
-const _1 = require(".");
-/**
- * updated 230523
- *
- * 현재 사용자가 위치한 화면의 정보와 액션 기능을 담고 있는 컴포넌트입니다.
- *
- */
-const meta = {
-    title: 'Component/NavigationBar/PageNavigationBar(개발중)',
-    component: _1.PageNavigationBar,
-    tags: ['autodocs'],
-};
-exports.default = meta;
-// Props 교체 가능
-exports.Story1 = {
-    render: (props) => react_1.default.createElement(_1.PageNavigationBar, Object.assign({}, props)),
-    args: {
-        contentColor: 'gray',
-        hasBackgroundColor: true,
-        title: '타이틀',
-        leftArea: {
-            type: 'backIcon',
-            handleClickButton: () => {
-                console.log('left button click');
-            },
-        },
-        rightArea: {
-            type: 'text',
-            children: '텍스트',
-            handleClickButton: () => {
-                console.log('right button click');
-            },
-        },
-    },
-};
-exports.Story1.storyName = '배경컬러 있음';
-exports.Story2 = {
-    render: (props) => (react_1.default.createElement("div", { style: { background: 'transparent' } },
-        react_1.default.createElement(_1.PageNavigationBar, Object.assign({}, props)))),
-    args: {
-        contentColor: 'gray',
-        hasBackgroundColor: false,
-        title: '타이틀',
-        leftArea: {
-            type: 'backIcon',
-            handleClickButton: () => {
-                console.log('left button click');
-            },
-        },
-        rightArea: {
-            type: 'text',
-            children: '텍스트',
-            handleClickButton: () => {
-                console.log('right button click');
-            },
-        },
-    },
-};
-exports.Story2.storyName = '배경컬러 없음';
-exports.Story3 = {
-    render: (props) => (react_1.default.createElement("div", { style: { background: 'transparent' } },
-        react_1.default.createElement(_1.PageNavigationBar, Object.assign({}, props)))),
-    args: {
-        contentColor: 'gray',
-        hasBackgroundColor: true,
-        title: '타이틀',
-    },
-};
-exports.Story3.storyName = 'leftArea / rightArea - 없음';
-exports.Story4 = {
-    render: (props) => (react_1.default.createElement("div", { style: { background: 'transparent' } },
-        react_1.default.createElement(_1.PageNavigationBar, Object.assign({}, props)))),
-    args: {
-        contentColor: 'gray',
-        hasBackgroundColor: true,
-        title: '타이틀',
-        rightArea: {
-            type: 'text',
-            children: '텍스트',
-            handleClickButton: () => {
-                console.log('right button click');
-            },
-        },
-    },
-};
-exports.Story4.storyName = 'rightArea - Text';
-exports.Story5 = {
-    render: (props) => (react_1.default.createElement("div", { style: { background: 'transparent' } },
-        react_1.default.createElement(_1.PageNavigationBar, Object.assign({}, props)))),
-    args: {
-        contentColor: 'gray',
-        hasBackgroundColor: true,
-        title: '타이틀',
-        rightArea: {
-            type: 'closeIcon',
-            handleClickButton: () => {
-                console.log('right button click');
-            },
-        },
-    },
-};
-exports.Story5.storyName = 'rightArea - 취소 아이콘';
-exports.Story6 = {
-    render: (props) => (react_1.default.createElement("div", { style: { background: 'transparent' } },
-        react_1.default.createElement(_1.PageNavigationBar, Object.assign({}, props)))),
-    args: {
-        contentColor: 'white',
-        hasBackgroundColor: true,
-        title: '타이틀',
-        rightArea: {
-            type: 'closeIcon',
-            handleClickButton: () => {
-                console.log('right button click');
-            },
-        },
-    },
-};
-exports.Story6.storyName = 'contentColor - white';
-exports.Story7 = {
-    render: (props) => (react_1.default.createElement("div", { style: { background: 'transparent' } },
-        react_1.default.createElement(_1.PageNavigationBar, Object.assign({}, props)))),
-    args: {
-        contentColor: 'gray',
-        hasBackgroundColor: true,
-        leftArea: {
-            type: 'backIcon',
-            handleClickButton: () => {
-                console.log('left button click');
-            },
-        },
-        rightArea: {
-            type: 'closeIcon',
-            handleClickButton: () => {
-                console.log('right button click');
-            },
-        },
-    },
-};
-exports.Story7.storyName = 'title 없음';

package/dist/components/NavigationBar/PageNavigationBar/index.styled.d.ts

@@ -1,41 +0,0 @@
-/// <reference types="react" />
-type WrapperProps = {
-    backgroundColor: string;
-    zIndex?: number;
-};
-type ClickableProps = {
-    onClick?: () => void;
-};
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const LeftChildrenWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ClickableProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const RightChildrenWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ClickableProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TextWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export {};

package/dist/components/NavigationBar/PageNavigationBar/index.styled.js

@@ -1,48 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextWrapper = exports.IconWrapper = exports.RightChildrenWrapper = exports.LeftChildrenWrapper = exports.Wrapper = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.Wrapper = styled_1.default.div `
-	width: 100%;
-	height: 55px;
-	box-sizing: border-box;
-	top: ${({ zIndex }) => (zIndex && zIndex > 0 ? '0' : 'initial')};
-	position: ${({ zIndex }) => (zIndex && zIndex > 0 ? 'sticky' : 'relative')};
-	z-index: ${({ zIndex }) => zIndex || 'initial'};
-
-	display: flex;
-	align-items: center;
-	justify-content: center;
-
-	background-color: ${({ backgroundColor }) => backgroundColor};
-
-	padding: 15px 0;
-	text-overflow: ellipsis;
-`;
-const CommonChildrenWrapper = styled_1.default.div `
-	position: absolute;
-	top: 0;
-	bottom: 0;
-
-	cursor: ${({ onClick }) => (onClick ? 'pointer' : 'auto')};
-`;
-exports.LeftChildrenWrapper = (0, styled_1.default)(CommonChildrenWrapper) `
-	left: 15px;
-`;
-exports.RightChildrenWrapper = (0, styled_1.default)(CommonChildrenWrapper) `
-	right: 15px;
-`;
-// Extra
-const VerticalCenterizeWrapper = styled_1.default.div `
-	height: 100%;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-`;
-exports.IconWrapper = VerticalCenterizeWrapper;
-exports.TextWrapper = (0, styled_1.default)(VerticalCenterizeWrapper) `
-	margin-right: 5px;
-`;

package/dist/components/NavigationBar/TitleNavigationBar/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { IconProps } from '../../../Icon';
-type TitleNavigationBarProps = {
-    title: string;
-    iconList?: {
-        Icon: React.FC<IconProps>;
-        handleClick: () => void;
-    }[];
-    contentsColor: 'white' | 'gray';
-    hasBackgroundColor: boolean;
-};
-declare const TitleNavigationBar: React.FC<TitleNavigationBarProps>;
-export type { TitleNavigationBarProps };
-export { TitleNavigationBar };

package/dist/components/NavigationBar/TitleNavigationBar/index.js

@@ -1,59 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TitleNavigationBar = void 0;
-const react_1 = __importStar(require("react"));
-const core_1 = require("../../../core");
-const Styled = __importStar(require("./index.styled"));
-const TitleNavigationBar = (props) => {
-    var _a;
-    const styleProps = (0, react_1.useMemo)(() => {
-        let fontColor = '';
-        let backgroundColor = '';
-        let iconColor = '';
-        switch (props.contentsColor) {
-            case 'white':
-                fontColor = core_1.basicColors.white;
-                backgroundColor = core_1.basicColors.gray900;
-                iconColor = core_1.basicColors.white;
-                break;
-            case 'gray':
-                fontColor = core_1.basicColors.gray900;
-                backgroundColor = core_1.basicColors.white;
-                iconColor = core_1.basicColors.gray200;
-                break;
-        }
-        return {
-            fontColor,
-            backgroundColor: props.hasBackgroundColor ? backgroundColor : 'transparent',
-            iconColor,
-        };
-    }, [props]);
-    return (react_1.default.createElement(Styled.Container, Object.assign({}, styleProps),
-        react_1.default.createElement(Styled.Title, Object.assign({}, styleProps), props.title),
-        props.iconList && (react_1.default.createElement(Styled.IconListWrapper, Object.assign({}, styleProps), (_a = props.iconList) === null || _a === void 0 ? void 0 : _a.map((item, index) => (react_1.default.createElement(Styled.IconWrapper, { key: index, onClick: item.handleClick },
-            react_1.default.createElement(item.Icon, { fillColor: styleProps.iconColor }))))))));
-};
-exports.TitleNavigationBar = TitleNavigationBar;

package/dist/components/NavigationBar/TitleNavigationBar/index.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { TitleNavigationBarProps } from '.';
-type Story = StoryObj<TitleNavigationBarProps>;
-declare const meta: Meta<TitleNavigationBarProps>;
-export default meta;
-export declare const Story1: Story;
-export declare const Story2: Story;

package/dist/components/NavigationBar/TitleNavigationBar/index.stories.js

@@ -1,54 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Story2 = exports.Story1 = void 0;
-const react_1 = __importDefault(require("react"));
-const _1 = require(".");
-const Icon_1 = require("../../../Icon");
-const meta = {
-    title: 'Component/NavigationBar/TitleNavigationBar(개발중)',
-    component: _1.TitleNavigationBar,
-    tags: ['autodocs'],
-};
-exports.default = meta;
-// Props 교체 가능
-exports.Story1 = {
-    render: (props) => react_1.default.createElement(_1.TitleNavigationBar, Object.assign({}, props)),
-    args: {
-        title: '타이틀',
-        iconList: [
-            {
-                Icon: Icon_1.PlusMIcon,
-                handleClick: () => {
-                    console.log('handleClick');
-                },
-            },
-            {
-                Icon: Icon_1.AlarmFillIcon,
-                handleClick: () => {
-                    console.log('handleClick');
-                },
-            },
-            {
-                Icon: Icon_1.MenuIcon,
-                handleClick: () => {
-                    console.log('handleClick');
-                },
-            },
-        ],
-        hasBackgroundColor: true,
-        contentsColor: 'gray',
-    },
-};
-exports.Story1.storyName = '아이콘 3개';
-exports.Story2 = {
-    render: (props) => react_1.default.createElement(_1.TitleNavigationBar, Object.assign({}, props)),
-    args: {
-        title: '타이틀',
-        hasBackgroundColor: true,
-        contentsColor: 'white',
-    },
-};
-exports.Story2.storyName = '아이콘 0개';

package/dist/components/NavigationBar/TitleNavigationBar/index.styled.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-type StyleProps = {
-    fontColor: string;
-    backgroundColor: string;
-    iconColor: string;
-};
-export declare const Title: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & StyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & StyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const IconListWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};

package/dist/components/NavigationBar/TitleNavigationBar/index.styled.js

@@ -1,25 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconWrapper = exports.IconListWrapper = exports.Container = exports.Title = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const core_1 = require("../../../core");
-exports.Title = styled_1.default.div `
-	${({ fontColor }) => (0, core_1.headline3)({ color: fontColor })}
-`;
-exports.Container = styled_1.default.div `
-	display: flex;
-	justify-content: space-between;
-	padding: 30px 20px 15px 25px;
-	background-color: ${({ backgroundColor }) => backgroundColor};
-`;
-exports.IconListWrapper = styled_1.default.div `
-	display: flex;
-	align-items: center;
-	gap: 15px;
-`;
-exports.IconWrapper = styled_1.default.div `
-	cursor: pointer;
-`;

package/dist/components/NavigationBar/index.d.ts

@@ -1,3 +0,0 @@
-export * from './PageNavigationBar';
-export * from './TitleNavigationBar';
-export * from './BottomNavigationBar';

package/dist/components/NavigationBar/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./PageNavigationBar"), exports);
-__exportStar(require("./TitleNavigationBar"), exports);
-__exportStar(require("./BottomNavigationBar"), exports);

package/dist/components/Tab/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-type TabTypeProps = 'fixed' | 'scroll';
-type TabProps = {
-    list: string[];
-    onChange: (index: number) => void;
-    defaultActiveIndex?: number;
-    tabType?: TabTypeProps;
-};
-declare const Tab: React.FC<TabProps>;
-export type { TabProps, TabTypeProps };
-export { Tab };

package/dist/components/Tab/index.js

@@ -1,38 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tab = void 0;
-const react_1 = __importStar(require("react"));
-const Styled = __importStar(require("./index.styled"));
-const Tab = ({ list, onChange, defaultActiveIndex, tabType = 'fixed' }) => {
-    const [activeIndex, setActiveIndex] = (0, react_1.useState)(defaultActiveIndex !== null && defaultActiveIndex !== void 0 ? defaultActiveIndex : 0);
-    const widthPerItem = 100 / (list.length || 1);
-    const handleClick = (0, react_1.useCallback)((idx) => {
-        setActiveIndex(idx);
-        onChange(idx);
-    }, [onChange]);
-    return (react_1.default.createElement(Styled.Wrapper, { tabType: tabType }, list.map((item, idx) => (react_1.default.createElement(Styled.Item, { key: idx, widthPerItem: widthPerItem, active: activeIndex === idx, onClick: () => handleClick(idx), tabType: tabType }, item)))));
-};
-exports.Tab = Tab;

package/dist/components/Tab/index.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Tab/index.spec.js

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const _1 = require(".");
-const props = {
-    list: ['라벨1', '라벨2', '라벨3'],
-    tabType: 'fixed',
-    onChange: () => {
-        console.log('onChange');
-    },
-};
-describe('<Tab />', () => {
-    it('렌더링 체크', () => {
-        (0, react_2.render)(react_1.default.createElement(_1.Tab, Object.assign({}, props)));
-        expect(react_2.screen.getByText('라벨1')).toBeInTheDocument();
-    });
-});

package/dist/components/Tab/index.stories.d.ts

@@ -1,16 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { TabProps } from '.';
-type Story = StoryObj<TabProps>;
-/**
- * updated 230523
- *
- * <a href="https://www.notion.so/Tabs-532da8d4d94b48e4a92f954b678e1870?pvs=4" target="_blank">노션페이지</a>
- * <br/>
- * 화면 내 연관된 콘텐츠들을 카테고리로 분류하여 제공할 때 사용합니다.
- * 사용자는 페이지를 벗어나지 않고 탭을 통해 카테고리 별 콘텐츠를 확인할 수 있습니다.
- *
- */
-declare const meta: Meta<TabProps>;
-export default meta;
-export declare const Story1: Story;
-export declare const Story2: Story;