{"version":3,"file":"static/chunks/732.c02f57c87286cdf1.js","mappings":"iMASe,SAASA,eAAeC,CAIxB,KAJwB,CACrCC,YAAAA,CAAW,CACXC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACK,CAJwBH,EAK/B,CAACI,EAAUC,EAAY,CAAGC,CAAAA,EAAAA,EAAAA,QAAAA,EAAS,IAMzC,MAJAC,CAAAA,EAAAA,EAAAA,eAAAA,EAAgB,KACdF,EAAY,GACd,EAAG,CAACF,EAAS,EAGX,GAAAK,EAAAC,GAAA,EAAAD,EAAAE,QAAA,WACE,GAAAF,EAAAC,GAAA,EAACE,UAAAA,CACCT,UAAW,GACTU,MAAA,CADYV,GAAwB,GAAG,KAExCU,MAAA,CADC,EAAwB,GAAZ,oBAGbX,EACC,GAAAO,EAAAC,GAAA,EAACI,EAAAA,CAAUA,CAAAA,CACTC,IAAAA,GAAMV,EACNW,OAAQ,GACRC,MAAM,8CACNC,UAAU,YACVC,QAAQ,uBAEPf,IAGH,GAAAK,EAAAC,GAAA,EAAAD,EAAAE,QAAA,WAAGP,OAKb","sources":["webpack://_N_E/./src/cms_components/article.element.tsx","webpack://_N_E/<anon>"],"sourcesContent":["import { Transition } from \"@headlessui/react\";\nimport { useState, useLayoutEffect } from \"react\";\n\nexport interface ArticleProps {\n  children?: React.ReactElement;\n  showLoading?: boolean;\n  className?: string;\n}\n\nexport default function ArticleElement({\n  showLoading,\n  className,\n  children,\n}: ArticleProps) {\n  const [isLoaded, setIsLoaded] = useState(false);\n\n  useLayoutEffect(() => {\n    setIsLoaded(true);\n  }, [children]);\n\n  return (\n    <>\n      <article\n        className={`${className ? className : \"\"} ${\n          !isLoaded ? \"loading\" : \"\"\n        }`}\n      >\n        {showLoading ? (\n          <Transition\n            show={isLoaded ? true : false}\n            appear={true}\n            enter=\"transition-opacity ease-linear duration-300\"\n            enterFrom=\"opacity-0\"\n            enterTo=\"opacity-100\"\n          >\n            {children}\n          </Transition>\n        ) : (\n          <>{children}</>\n        )}\n      </article>\n    </>\n  );\n}\n"],"names":["ArticleElement","param","showLoading","className","children","isLoaded","setIsLoaded","useState","useLayoutEffect","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","Fragment","article","concat","Transition","show","appear","enter","enterFrom","enterTo"],"sourceRoot":""}