{"version":3,"file":"static/chunks/pages/labs/[author]/about-0cf6c15f3899200a.js","mappings":"AACA","sources":["webpack://_N_E/?89fc","webpack://_N_E/./src/components/Brand/About/index.tsx","webpack://_N_E/./src/pages/labs/[author]/about.tsx","webpack://_N_E/"],"sourcesContent":["\n (window.__NEXT_P = window.__NEXT_P || []).push([\n \"/labs/[author]/about\",\n function () {\n return require(\"private-next-pages/labs/[author]/about.tsx\");\n }\n ]);\n if(module.hot) {\n module.hot.dispose(function () {\n window.__NEXT_P.push([\"/labs/[author]/about\"])\n });\n }\n ","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport Image from \"@/components/common/Image\";\nimport Icon from \"@/components/icon/Icon\";\nimport { Sizes, Window_2px } from \"@/components/icon/IconList\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { Box, Typography, styled } from \"@mui/material\";\nimport Link from \"next/link\";\nimport { useBrandStore } from \"../BrandProvider\";\nconst BrandAbout = ()=>{\n const { introduction , biography , speciality , snsItems , introduceImageUrlItems } = useBrandStore((state)=>state.brand);\n return /*#__PURE__*/ _jsxs(AboutContainer, {\n children: [\n /*#__PURE__*/ _jsxs(ItemBox, {\n children: [\n /*#__PURE__*/ _jsx(TypoTitle, {\n children: \"브랜드 소개\"\n }),\n /*#__PURE__*/ _jsx(TypoBody, {\n children: introduction !== null && introduction !== void 0 ? introduction : \"\"\n })\n ]\n }),\n /*#__PURE__*/ _jsxs(ItemBox, {\n children: [\n /*#__PURE__*/ _jsx(TypoTitle, {\n children: \"약력\"\n }),\n /*#__PURE__*/ _jsx(TypoBody, {\n children: biography === null || biography === void 0 ? void 0 : biography.split(\"\\n\").map((text, index)=>/*#__PURE__*/ _jsx(Typography, {\n component: \"span\",\n children: text\n }, text))\n })\n ]\n }),\n /*#__PURE__*/ _jsxs(ItemBox, {\n children: [\n /*#__PURE__*/ _jsx(TypoTitle, {\n children: \"전문 분야\"\n }),\n /*#__PURE__*/ _jsx(TypoBody, {\n children: speciality === null || speciality === void 0 ? void 0 : speciality.split(\"\\n\").map((text, index)=>/*#__PURE__*/ _jsx(Typography, {\n component: \"span\",\n children: text\n }, text))\n })\n ]\n }),\n /*#__PURE__*/ _jsxs(ItemBox, {\n children: [\n /*#__PURE__*/ _jsx(TypoTitle, {\n children: \"웹사이트 및 SNS\"\n }),\n /*#__PURE__*/ _jsx(Box, {\n sx: (theme)=>({\n display: \"grid\",\n gap: \"12px\",\n padding: \"20px 0\",\n gridTemplateColumns: \"1fr 1fr\",\n [theme.breakpoints.down(\"sm\")]: {\n flexDirection: \"column\",\n gridTemplateColumns: \"1fr\"\n }\n }),\n children: snsItems === null || snsItems === void 0 ? void 0 : snsItems.map((item, index)=>/*#__PURE__*/ _jsxs(Link, {\n href: item.url,\n onClick: ()=>{\n //mx-196\n mixpanelEvent(\"Link Button Clicked\", {\n \"Button Type\": \"웹사이트 및 SNS\",\n \"Button Name\": item.title,\n \"Button Url\": item.url,\n Position: \"Brand Home\"\n });\n },\n children: [\n /*#__PURE__*/ _jsxs(Typography, {\n variant: \"subtitle1\",\n children: [\n item.title,\n \" \"\n ]\n }),\n /*#__PURE__*/ _jsx(Icon, {\n icon: Window_2px,\n size: Sizes.small\n })\n ]\n }, item.url))\n })\n ]\n }),\n /*#__PURE__*/ _jsx(ItemBox, {\n children: introduceImageUrlItems === null || introduceImageUrlItems === void 0 ? void 0 : introduceImageUrlItems.map((item, index)=>/*#__PURE__*/ _jsx(Image, {\n src: item,\n alt: \"brand introduce images\",\n width: 0,\n height: 0,\n sizes: \"100%\",\n style: {\n width: \"100%\",\n height: \"auto\"\n }\n }, item))\n })\n ]\n });\n};\nconst AboutContainer = styled(\"section\")((param)=>{\n let { theme } = param;\n return {\n width: \"100%\"\n };\n});\nconst ItemBox = styled(\"div\")((param)=>{\n let { theme } = param;\n return {\n width: \"100%\",\n position: \"relative\",\n // padding: '40px 0',\n \"&:not(:first-of-type)\": {\n borderTop: \"1px solid \".concat(theme.palette.grey[50]),\n padding: \"40px 0\",\n [theme.breakpoints.down(\"lg\")]: {\n padding: \"32px\",\n \"&:last-of-type\": {\n padding: \"20px 0\"\n }\n },\n [theme.breakpoints.down(\"sm\")]: {\n padding: \"20px\"\n }\n },\n a: {\n width: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n padding: \"16px 20px\",\n borderRadius: \"6px\",\n border: \"1px solid \".concat(theme.palette.grey[200]),\n \"&:hover\": {\n backgroundColor: theme.palette.grey[50]\n },\n [theme.breakpoints.down(\"sm\")]: {\n width: \"100%\"\n }\n },\n [theme.breakpoints.down(\"lg\")]: {\n padding: \"0 32px\",\n \"&:last-of-type\": {\n padding: \"20px 0\"\n }\n },\n [theme.breakpoints.down(\"sm\")]: {\n padding: \"0 20px\"\n }\n };\n});\nconst TypoTitle = styled(Typography)((param)=>{\n let { theme } = param;\n return {\n ...theme.typography.h5,\n [theme.breakpoints.down(\"sm\")]: {\n ...theme.typography.h6\n }\n };\n});\nconst TypoBody = styled(Typography)((param)=>{\n let { theme } = param;\n return {\n whiteSpace: \"pre-line\",\n ...theme.typography.body1,\n color: theme.palette.text.secondary,\n padding: \"20px 0\",\n span: {\n display: \"block\"\n }\n };\n});\nexport default BrandAbout;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport BrandAbout from \"@/components/Brand/About\";\nimport { withBrandLayout } from \"@/modules/lab/components/BrandLayout\";\nconst AuthorLabsInfoPage = ()=>{\n return /*#__PURE__*/ _jsx(BrandAbout, {});\n};\nexport var __N_SSP = true;\nexport default withBrandLayout(AuthorLabsInfoPage);\n"],"names":[],"sourceRoot":""}