npm - pds-dev-kit-web-test - Versions diffs - 0.1.4 → 0.1.5 - Mend

pds-dev-kit-web-test 0.1.4 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1934) hide show

package/dist/src/desktop/layout/LayoutWT/LayoutWT.stories.js ADDED Viewed

@@ -0,0 +1,238 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WTU_1 = exports.WTT_2 = exports.WTT_1 = exports.WTS_2 = exports.WTS_1 = exports.WTQ_1 = exports.WTP_1 = exports.WTO_1 = exports.WTN_3 = exports.WTN_2 = exports.WTN_1 = exports.WTM_3 = exports.WTM_2 = exports.WTM_1 = exports.WTL_1 = exports.WTK_4 = exports.WTK_3 = exports.WTK_2 = exports.WTK_1 = exports.WTJ_1 = exports.WTI_2 = exports.WTI_1 = exports.WTH_3 = exports.WTH_2 = exports.WTH_1 = exports.WTG_1 = exports.WTF_6 = exports.WTF_5 = exports.WTF_4 = exports.WTF_3 = exports.WTF_2 = exports.WTF_1 = exports.WTE_1 = exports.WTD_6 = exports.WTD_5 = exports.WTD_4 = exports.WTD_3 = exports.WTD_2 = exports.WTD_1 = exports.WTC_1 = exports.WTB_1 = exports.WTA_3 = exports.WTA_2 = exports.WTA_1 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = __importDefault(require("styled-components"));
+var Containers_1 = require("./Containers");
+var ContainersBox_1 = require("./ContainersBox");
+var LayoutWT_1 = __importDefault(require("./LayoutWT"));
+exports.default = {
+    title: 'desktop/layout/LayoutWT',
+    parameters: {
+        docs: {
+            description: {
+                component: 'LayoutWT유형. GlobalMenuContainer와 ContainersBox 컴포넌트와 함께 쓰여야한다.'
+            }
+        }
+    },
+    argTypes: {
+        globalMenuContainer: {
+            description: '내부에 GlobalMenuContainer컴포넌트를 위치 시킨 후, 해당 컴포넌트에 globalMenuContent값으로 해당 부분에 들어가는 컴포넌트를 넣어준다.',
+            type: {
+                summary: 'JSX.Element'
+            }
+        },
+        children: {
+            description: '내부에 ContainersBox컴포넌트를 위치 시킨 후, layoutType을 명시해 준다. 와이어프레임이나 스토리북을 참고하여 pageMenuContent, tabMenuContent, content1, content2중에 채워야하는 부분을 선택하여 해당 부분에 들어가는 컴포넌트를 넣어준다.',
+            type: {
+                summary: 'React.ReactNode'
+            }
+        }
+    }
+};
+var S_GlobalMenuContent = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 64px;\n"], ["\n  background: #d9cadf;\n  height: 64px;\n"])));
+var S_LeftPageMenuContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 7000px;\n"], ["\n  background: #d9cadf;\n  height: 7000px;\n"])));
+var S_LeftSubMenuContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 7000px;\n"], ["\n  background: #d9cadf;\n  height: 7000px;\n"])));
+var S_TopPageMenuContent = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 64px;\n"], ["\n  background: #d9cadf;\n  height: 64px;\n"])));
+var S_TabMenuContent = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 40px;\n"], ["\n  background: #d9cadf;\n  height: 40px;\n"])));
+var S_Content1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 700px;\n"], ["\n  background: #d9cadf;\n  height: 700px;\n"])));
+var S_Content1_480 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 480px;\n"], ["\n  background: #d9cadf;\n  height: 480px;\n"])));
+var S_Content2 = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 800px;\n"], ["\n  background: #d9cadf;\n  height: 800px;\n"])));
+var S_ScrollContent = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  height: 100%;\n  overflow: auto;\n"], ["\n  height: 100%;\n  overflow: auto;\n"])));
+var S_ScrollComponent = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  background: #810ab1;\n  height: 2000px;\n"], ["\n  background: #810ab1;\n  height: 2000px;\n"])));
+var TemplateLayoutWT = function (args) { return ((0, jsx_runtime_1.jsx)(LayoutWT_1.default, __assign({}, args, { globalMenuContainer: (0, jsx_runtime_1.jsx)(Containers_1.GlobalMenuContainer, { globalMenuContent: (0, jsx_runtime_1.jsx)(S_GlobalMenuContent, { children: "GlobalMenuContent" }, void 0) }, void 0) }), void 0)); };
+exports.WTA_1 = TemplateLayoutWT.bind({});
+exports.WTA_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTA_1", pageMenuContent: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Content1" }, void 0) }, void 0))
+};
+exports.WTA_2 = TemplateLayoutWT.bind({});
+exports.WTA_2.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTA_2", pageMenuContent: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Content1" }, void 0) }, void 0))
+};
+exports.WTA_3 = TemplateLayoutWT.bind({});
+exports.WTA_3.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTA_3", pageMenuContent: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Content1" }, void 0) }, void 0))
+};
+exports.WTB_1 = TemplateLayoutWT.bind({});
+exports.WTB_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTB_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_TopPageMenuContent, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTC_1 = TemplateLayoutWT.bind({});
+exports.WTC_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTC_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTD_1 = TemplateLayoutWT.bind({});
+exports.WTD_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTD_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTD_2 = TemplateLayoutWT.bind({});
+exports.WTD_2.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTD_2", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTD_3 = TemplateLayoutWT.bind({});
+exports.WTD_3.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTD_3", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTD_4 = TemplateLayoutWT.bind({});
+exports.WTD_4.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTD_4", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTD_5 = TemplateLayoutWT.bind({});
+exports.WTD_5.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTD_5", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTD_6 = TemplateLayoutWT.bind({});
+exports.WTD_6.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTD_6", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTE_1 = TemplateLayoutWT.bind({});
+exports.WTE_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTE_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTF_1 = TemplateLayoutWT.bind({});
+exports.WTF_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTF_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTF_2 = TemplateLayoutWT.bind({});
+exports.WTF_2.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTF_2", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTF_3 = TemplateLayoutWT.bind({});
+exports.WTF_3.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTF_3", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTF_4 = TemplateLayoutWT.bind({});
+exports.WTF_4.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTF_4", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTF_5 = TemplateLayoutWT.bind({});
+exports.WTF_5.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTF_5", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTF_6 = TemplateLayoutWT.bind({});
+exports.WTF_6.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTF_6", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTG_1 = TemplateLayoutWT.bind({});
+exports.WTG_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTG_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTH_1 = TemplateLayoutWT.bind({});
+exports.WTH_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTH_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_TopPageMenuContent, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTH_2 = TemplateLayoutWT.bind({});
+exports.WTH_2.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTH_2", pageMenuContent: (0, jsx_runtime_1.jsx)(S_TopPageMenuContent, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTH_3 = TemplateLayoutWT.bind({});
+exports.WTH_3.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTH_3", pageMenuContent: (0, jsx_runtime_1.jsx)(S_TopPageMenuContent, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTI_1 = TemplateLayoutWT.bind({});
+exports.WTI_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTI_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_TopPageMenuContent, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTI_2 = TemplateLayoutWT.bind({});
+exports.WTI_2.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTI_2", pageMenuContent: (0, jsx_runtime_1.jsx)(S_TopPageMenuContent, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTJ_1 = TemplateLayoutWT.bind({});
+exports.WTJ_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTJ_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTK_1 = TemplateLayoutWT.bind({});
+exports.WTK_1.args = {
+    children: (0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTK_1", content1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Content1" }, void 0) }, void 0)
+};
+exports.WTK_2 = TemplateLayoutWT.bind({});
+exports.WTK_2.args = {
+    children: (0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTK_2", content1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Content1" }, void 0) }, void 0)
+};
+exports.WTK_3 = TemplateLayoutWT.bind({});
+exports.WTK_3.args = {
+    children: (0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTK_3", content1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Content1" }, void 0) }, void 0)
+};
+exports.WTK_4 = TemplateLayoutWT.bind({});
+exports.WTK_4.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTK_4", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0) }, void 0))
+};
+exports.WTL_1 = TemplateLayoutWT.bind({});
+exports.WTL_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTL_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTM_1 = TemplateLayoutWT.bind({});
+exports.WTM_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTM_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTM_2 = TemplateLayoutWT.bind({});
+exports.WTM_2.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTM_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTM_3 = TemplateLayoutWT.bind({});
+exports.WTM_3.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTM_3", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTN_1 = TemplateLayoutWT.bind({});
+exports.WTN_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTN_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTN_2 = TemplateLayoutWT.bind({});
+exports.WTN_2.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTN_2", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTN_3 = TemplateLayoutWT.bind({});
+exports.WTN_3.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTN_3", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTO_1 = TemplateLayoutWT.bind({});
+exports.WTO_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTO_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_TopPageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTP_1 = TemplateLayoutWT.bind({});
+exports.WTP_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTP_1", subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTQ_1 = TemplateLayoutWT.bind({});
+exports.WTQ_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTQ_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTS_1 = TemplateLayoutWT.bind({});
+exports.WTS_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTS_1", content1: (0, jsx_runtime_1.jsx)(S_Content1_480, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTS_2 = TemplateLayoutWT.bind({});
+exports.WTS_2.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTS_2", content1: (0, jsx_runtime_1.jsx)(S_Content1_480, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTT_1 = TemplateLayoutWT.bind({});
+exports.WTT_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTT_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_TopPageMenuContent, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1_480, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTT_2 = TemplateLayoutWT.bind({});
+exports.WTT_2.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTT_2", pageMenuContent: (0, jsx_runtime_1.jsx)(S_TopPageMenuContent, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1_480, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+exports.WTU_1 = TemplateLayoutWT.bind({});
+exports.WTU_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTU_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;

package/dist/src/desktop/layout/LayoutWT/LayoutWTLoading.stories.d.ts ADDED Viewed

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import type { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export default _default;
+export declare const WTA_1: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTA_2: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTA_3: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTB_1: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTC_1: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTD_1: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTD_2: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTD_3: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTD_4: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTD_5: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTD_6: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTE_1: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTF_1: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTF_2: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTF_3: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTF_4: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTF_5: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTF_6: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTG_1: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTH_1: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTH_2: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTH_3: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTI_1: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTI_2: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTJ_1: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTK_1: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTK_2: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTK_3: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTK_4: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTL_1: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTM_1: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTM_2: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTM_3: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTN_1: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTN_2: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTN_3: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTO_1: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTP_1: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTQ_1: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTS_1: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTS_2: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTT_1: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTT_2: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;
+export declare const WTU_1: ComponentStory<({ globalMenuContainer, children }: import("./LayoutWT").LayoutWTProps) => JSX.Element>;

package/dist/src/desktop/layout/LayoutWT/LayoutWTLoading.stories.js ADDED Viewed

@@ -0,0 +1,238 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WTU_1 = exports.WTT_2 = exports.WTT_1 = exports.WTS_2 = exports.WTS_1 = exports.WTQ_1 = exports.WTP_1 = exports.WTO_1 = exports.WTN_3 = exports.WTN_2 = exports.WTN_1 = exports.WTM_3 = exports.WTM_2 = exports.WTM_1 = exports.WTL_1 = exports.WTK_4 = exports.WTK_3 = exports.WTK_2 = exports.WTK_1 = exports.WTJ_1 = exports.WTI_2 = exports.WTI_1 = exports.WTH_3 = exports.WTH_2 = exports.WTH_1 = exports.WTG_1 = exports.WTF_6 = exports.WTF_5 = exports.WTF_4 = exports.WTF_3 = exports.WTF_2 = exports.WTF_1 = exports.WTE_1 = exports.WTD_6 = exports.WTD_5 = exports.WTD_4 = exports.WTD_3 = exports.WTD_2 = exports.WTD_1 = exports.WTC_1 = exports.WTB_1 = exports.WTA_3 = exports.WTA_2 = exports.WTA_1 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = __importDefault(require("styled-components"));
+var Containers_1 = require("./Containers");
+var ContainersBox_1 = require("./ContainersBox");
+var LayoutWT_1 = __importDefault(require("./LayoutWT"));
+exports.default = {
+    title: 'test/desktop/layout-loading/LayoutWT',
+    parameters: {
+        docs: {
+            description: {
+                component: 'LayoutWT유형. GlobalMenuContainer와 ContainersBox 컴포넌트와 함께 쓰여야한다.'
+            }
+        }
+    },
+    argTypes: {
+        globalMenuContainer: {
+            description: '내부에 GlobalMenuContainer컴포넌트를 위치 시킨 후, 해당 컴포넌트에 globalMenuContent값으로 해당 부분에 들어가는 컴포넌트를 넣어준다.',
+            type: {
+                summary: 'JSX.Element'
+            }
+        },
+        children: {
+            description: '내부에 ContainersBox컴포넌트를 위치 시킨 후, layoutType을 명시해 준다. 와이어프레임이나 스토리북을 참고하여 pageMenuContent, tabMenuContent, content1, content2중에 채워야하는 부분을 선택하여 해당 부분에 들어가는 컴포넌트를 넣어준다.',
+            type: {
+                summary: 'React.ReactNode'
+            }
+        }
+    }
+};
+var S_GlobalMenuContent = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 64px;\n"], ["\n  background: #d9cadf;\n  height: 64px;\n"])));
+var S_LeftPageMenuContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 7000px;\n"], ["\n  background: #d9cadf;\n  height: 7000px;\n"])));
+var S_LeftSubMenuContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 7000px;\n"], ["\n  background: #d9cadf;\n  height: 7000px;\n"])));
+var S_TopPageMenuContent = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 64px;\n"], ["\n  background: #d9cadf;\n  height: 64px;\n"])));
+var S_TabMenuContent = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 40px;\n"], ["\n  background: #d9cadf;\n  height: 40px;\n"])));
+var S_Content1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 700px;\n"], ["\n  background: #d9cadf;\n  height: 700px;\n"])));
+var S_Content1_480 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 480px;\n"], ["\n  background: #d9cadf;\n  height: 480px;\n"])));
+var S_Content2 = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 800px;\n"], ["\n  background: #d9cadf;\n  height: 800px;\n"])));
+var S_ScrollContent = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  height: 100%;\n  overflow: auto;\n"], ["\n  height: 100%;\n  overflow: auto;\n"])));
+var S_ScrollComponent = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  background: #810ab1;\n  height: 2000px;\n"], ["\n  background: #810ab1;\n  height: 2000px;\n"])));
+var TemplateLayoutWT = function (args) { return ((0, jsx_runtime_1.jsx)(LayoutWT_1.default, __assign({}, args, { globalMenuContainer: (0, jsx_runtime_1.jsx)(Containers_1.GlobalMenuContainer, { globalMenuContent: (0, jsx_runtime_1.jsx)(S_GlobalMenuContent, { children: "GlobalMenuContent" }, void 0) }, void 0) }), void 0)); };
+exports.WTA_1 = TemplateLayoutWT.bind({});
+exports.WTA_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTA_1", pageMenuContent: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Content1" }, void 0), isLoadingContainer1: true }, void 0))
+};
+exports.WTA_2 = TemplateLayoutWT.bind({});
+exports.WTA_2.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTA_2", pageMenuContent: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Content1" }, void 0), isLoadingContainer1: true }, void 0))
+};
+exports.WTA_3 = TemplateLayoutWT.bind({});
+exports.WTA_3.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTA_3", pageMenuContent: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Content1" }, void 0), isLoadingContainer1: true }, void 0))
+};
+exports.WTB_1 = TemplateLayoutWT.bind({});
+exports.WTB_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTB_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_TopPageMenuContent, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTC_1 = TemplateLayoutWT.bind({});
+exports.WTC_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTC_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTD_1 = TemplateLayoutWT.bind({});
+exports.WTD_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTD_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
+};
+exports.WTD_2 = TemplateLayoutWT.bind({});
+exports.WTD_2.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTD_2", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
+};
+exports.WTD_3 = TemplateLayoutWT.bind({});
+exports.WTD_3.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTD_3", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
+};
+exports.WTD_4 = TemplateLayoutWT.bind({});
+exports.WTD_4.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTD_4", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
+};
+exports.WTD_5 = TemplateLayoutWT.bind({});
+exports.WTD_5.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTD_5", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
+};
+exports.WTD_6 = TemplateLayoutWT.bind({});
+exports.WTD_6.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTD_6", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
+};
+exports.WTE_1 = TemplateLayoutWT.bind({});
+exports.WTE_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTE_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTF_1 = TemplateLayoutWT.bind({});
+exports.WTF_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTF_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
+};
+exports.WTF_2 = TemplateLayoutWT.bind({});
+exports.WTF_2.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTF_2", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
+};
+exports.WTF_3 = TemplateLayoutWT.bind({});
+exports.WTF_3.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTF_3", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
+};
+exports.WTF_4 = TemplateLayoutWT.bind({});
+exports.WTF_4.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTF_4", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
+};
+exports.WTF_5 = TemplateLayoutWT.bind({});
+exports.WTF_5.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTF_5", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
+};
+exports.WTF_6 = TemplateLayoutWT.bind({});
+exports.WTF_6.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTF_6", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
+};
+exports.WTG_1 = TemplateLayoutWT.bind({});
+exports.WTG_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTG_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_LeftPageMenuContent, { children: "PageMenuContainer" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTH_1 = TemplateLayoutWT.bind({});
+exports.WTH_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTH_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_TopPageMenuContent, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTH_2 = TemplateLayoutWT.bind({});
+exports.WTH_2.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTH_2", pageMenuContent: (0, jsx_runtime_1.jsx)(S_TopPageMenuContent, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTH_3 = TemplateLayoutWT.bind({});
+exports.WTH_3.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTH_3", pageMenuContent: (0, jsx_runtime_1.jsx)(S_TopPageMenuContent, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTI_1 = TemplateLayoutWT.bind({});
+exports.WTI_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTI_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_TopPageMenuContent, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTI_2 = TemplateLayoutWT.bind({});
+exports.WTI_2.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTI_2", pageMenuContent: (0, jsx_runtime_1.jsx)(S_TopPageMenuContent, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTJ_1 = TemplateLayoutWT.bind({});
+exports.WTJ_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTJ_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
+};
+exports.WTK_1 = TemplateLayoutWT.bind({});
+exports.WTK_1.args = {
+    children: (0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTK_1", content1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Content1" }, void 0), isLoadingContainer1: true }, void 0)
+};
+exports.WTK_2 = TemplateLayoutWT.bind({});
+exports.WTK_2.args = {
+    children: (0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTK_2", content1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Content1" }, void 0), isLoadingContainer1: true }, void 0)
+};
+exports.WTK_3 = TemplateLayoutWT.bind({});
+exports.WTK_3.args = {
+    children: (0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTK_3", content1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Content1" }, void 0), isLoadingContainer1: true }, void 0)
+};
+exports.WTK_4 = TemplateLayoutWT.bind({});
+exports.WTK_4.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTK_4", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), isLoadingContainer1: true }, void 0))
+};
+exports.WTL_1 = TemplateLayoutWT.bind({});
+exports.WTL_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTL_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTM_1 = TemplateLayoutWT.bind({});
+exports.WTM_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTM_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTM_2 = TemplateLayoutWT.bind({});
+exports.WTM_2.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTM_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTM_3 = TemplateLayoutWT.bind({});
+exports.WTM_3.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTM_3", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTN_1 = TemplateLayoutWT.bind({});
+exports.WTN_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTN_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTN_2 = TemplateLayoutWT.bind({});
+exports.WTN_2.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTN_2", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTN_3 = TemplateLayoutWT.bind({});
+exports.WTN_3.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTN_3", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTO_1 = TemplateLayoutWT.bind({});
+exports.WTO_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTO_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_TopPageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTP_1 = TemplateLayoutWT.bind({});
+exports.WTP_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTP_1", subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTQ_1 = TemplateLayoutWT.bind({});
+exports.WTQ_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTQ_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
+};
+exports.WTS_1 = TemplateLayoutWT.bind({});
+exports.WTS_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTS_1", content1: (0, jsx_runtime_1.jsx)(S_Content1_480, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTS_2 = TemplateLayoutWT.bind({});
+exports.WTS_2.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTS_2", content1: (0, jsx_runtime_1.jsx)(S_Content1_480, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTT_1 = TemplateLayoutWT.bind({});
+exports.WTT_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTT_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_TopPageMenuContent, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1_480, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTT_2 = TemplateLayoutWT.bind({});
+exports.WTT_2.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTT_2", pageMenuContent: (0, jsx_runtime_1.jsx)(S_TopPageMenuContent, { children: "PageMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1_480, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
+};
+exports.WTU_1 = TemplateLayoutWT.bind({});
+exports.WTU_1.args = {
+    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WTU_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;

package/dist/src/desktop/panels/AnnotationSheet/AnnotationSheet.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import React, { CSSProperties } from 'react';
-import { UiColors } from '../../../common';
+import type { UiColors } from '../../../common';
+import type { CSSProperties } from 'react';
 declare type PaddingSpacingType = 'none' | keyof typeof paddingSpacing;
 export declare type AnnotationSheetProps = {
     width: string;