{"version":3,"file":"WithBlogWrapper.CQNA54Yy.mjs","names":[],"sources":["https:/framerusercontent.com/modules/11fCK5bzoeX48hXon4jX/ODooeEF7d4XppMZpfoNI/WithBlogWrapper.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";// 블로그 본문에 적용할 CSS 규칙을 문자열로 정의합니다.\n// .blog-content-wrapper 라는 클래스 이름을 사용하여 스타일이 다른 곳에 영향을 주지 않도록 범위를 제한합니다.\nconst customBlogStyles=`\n    .blog-content-wrapper img {\n        display: block;\n        width: 100%;\n        height: auto;\n        margin-top: 24px !important;\n    }\n\n    .blog-content-wrapper ul,\n    .blog-content-wrapper ol {\n        padding-inline-start: 16px !important; \n        padding-left: 16px !important; \n        margin-top: 20px !important;\n    }\n\n    .blog-content-wrapper li {\n        padding-left: 0px !important;\n        margin-bottom: 10px !important; \n        line-height: 1.7;\n    }\n\n    .blog-content-wrapper li:last-child {\n        margin-bottom: 0 !important;\n    }\n\n     .blog-content-wrapper ul ul {\n        list-style-type: circle !important;\n        margin: 0 !important;\n    }\n\n   .blog-content-wrapper table {\n        margin-top: 24px !important;\n    }\n`;/**\n * 블로그 콘텐츠(Rich Text) 컴포넌트에 커스텀 스타일을 적용하는 Code Override (HOC)\n */export function withBlogStyles(Component){return props=>{return /*#__PURE__*/_jsxs(\"div\",{className:\"blog-content-wrapper\",children:[/*#__PURE__*/_jsx(\"style\",{children:customBlogStyles}),/*#__PURE__*/_jsx(Component,{...props})]});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withBlogStyles\":{\"type\":\"reactHoc\",\"name\":\"withBlogStyles\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./WithBlogWrapper.map"],"mappings":"2GAqCG,SAAgB,EAAe,EAAU,CAAC,MAAO,IAA4B,EAAM,MAAM,CAAC,UAAU,uBAAuB,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS,CAAgB,CAAC,EAAe,EAAK,EAAU,CAAC,GAAG,CAAK,CAAC,CAAC,CAAC,CAAC,CAAI,mBArCpL,EAElD,EAAiB"}