{"version":3,"file":"static/chunks/pages/labs/[author]/home-11bb4ff44a1df63d.js","mappings":"AACA","sources":["webpack://_N_E/?140d","webpack://_N_E/./src/components/Brand/HomeContentsLayout.tsx","webpack://_N_E/./src/components/Brand/BrandHome.tsx","webpack://_N_E/./src/pages/labs/[author]/home.tsx","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/labs/[author]/home\",\n      function () {\n        return require(\"private-next-pages/labs/[author]/home.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/labs/[author]/home\"])\n      });\n    }\n  ","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport useWindowDimensions from \"@/lib/web-ui/useWindowDimensions\";\nimport { Stack, styled, Typography } from \"@mui/material\";\nimport { ButtonWithArrow } from \"../common/Button/ButtonWithArrow\";\nexport const HomeContentsLayout = (param)=>{\n    let { title , onClick , children  } = param;\n    const { isTablet , isMobile  } = useWindowDimensions();\n    return /*#__PURE__*/ _jsxs(HomeContentsLayoutContainer, {\n        children: [\n            /*#__PURE__*/ _jsx(Typography, {\n                variant: isMobile ? \"h6\" : \"h5\",\n                children: title\n            }),\n            children,\n            /*#__PURE__*/ _jsx(ButtonWithArrow, {\n                variant: isTablet ? \"strokeSecondary\" : \"text\",\n                iconColor: \"#6A708A\",\n                onClick: onClick,\n                sx: (theme)=>({\n                        marginTop: \"12px\",\n                        color: \"#6A708A\",\n                        fontSize: \"16px\"\n                    }),\n                children: \"전체보기\"\n            }, \"button\")\n        ]\n    });\n};\nconst HomeContentsLayoutContainer = styled(Stack)((param)=>{\n    let { theme  } = param;\n    return {\n        // padding: '40px 0',\n        [theme.breakpoints.down(\"lg\")]: {\n            padding: \"0 32px 32px 32px\"\n        },\n        [theme.breakpoints.down(\"sm\")]: {\n            padding: \"0 20px 20px 20px\"\n        }\n    };\n});\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport useWindowDimensions from \"@/lib/web-ui/useWindowDimensions\";\nimport { BRAND_ABOUT_PAGE } from \"@/settings/constant\";\nimport { Stack, Typography, styled } from \"@mui/material\";\nimport { useRouter } from \"next/router\";\nimport { BrandAdBanner } from \"./BrandAdBanner\";\nimport { useBrandStore } from \"./BrandProvider\";\nimport { HomeContentsLayout } from \"./HomeContentsLayout\";\nimport BrandCategory from \"./Products/Category/BrandCategory\";\nexport const BrandHome = ()=>{\n    const router = useRouter();\n    const { name , introduction  } = useBrandStore((state)=>state.brand);\n    const { isMobile , isTablet  } = useWindowDimensions();\n    return /*#__PURE__*/ _jsxs(BrandHomeContainer, {\n        children: [\n            /*#__PURE__*/ _jsx(BrandAdBanner, {}),\n            /*#__PURE__*/ _jsx(BrandCategory, {\n                isStyledRadius: true\n            }),\n            /*#__PURE__*/ _jsx(HomeContentsLayout, {\n                title: \"브랜드 소개\",\n                onClick: ()=>{\n                    //mx-28 전체보기 버튼 클릭시\n                    mixpanelEvent(\"More Button Clicked\", {\n                        \"Button Type\": \"브랜드 홈\",\n                        \"Button Name\": \"전체보기\",\n                        \"Button Url\": BRAND_ABOUT_PAGE(name)\n                    });\n                    router.push(BRAND_ABOUT_PAGE(name));\n                },\n                children: /*#__PURE__*/ _jsx(Introduction, {\n                    children: introduction\n                })\n            })\n        ]\n    });\n};\nconst BrandHomeContainer = styled(Stack)((param)=>{\n    let { theme  } = param;\n    return {\n        width: \"100%\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        gap: \"40px\",\n        [theme.breakpoints.down(\"lg\")]: {\n            gap: \"32px\"\n        },\n        [theme.breakpoints.down(\"sm\")]: {\n            gap: \"20px\"\n        }\n    };\n});\nconst Introduction = styled(Typography)((param)=>{\n    let { theme  } = param;\n    return {\n        whiteSpace: \"pre-line\",\n        overflow: \"hidden\",\n        textOverflow: \"ellipsis\",\n        display: \"-webkit-box\",\n        WebkitLineClamp: 3,\n        WebkitBoxOrient: \"vertical\",\n        margin: \"20px 0\",\n        color: theme.palette.text.secondary,\n        ...theme.typography.body1\n    };\n});\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport { withBrandLayout } from \"@/modules/lab/components/BrandLayout\";\nimport { BrandHome } from \"@/components/Brand/BrandHome\";\nconst BrandHomePage = ()=>{\n    return /*#__PURE__*/ _jsx(BrandHome, {});\n};\nexport var __N_SSP = true;\nexport default withBrandLayout(BrandHomePage);\n"],"names":[],"sourceRoot":""}