{"version":3,"file":"DelayRender.mjs","sources":["../../../src/utils/DelayRender.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport * as React from 'react';\n\ninterface Props {\n  children: React.ReactNode;\n  delay: number;\n}\n\n/**\n * Delay the rendering of the children by N amount of milliseconds\n */\nexport function DelayRender({ children, delay }: Props) {\n  const [shouldRender, setShouldRender] = useState(false);\n  useEffect(() => {\n    window.setTimeout(() => {\n      setShouldRender(true);\n    }, delay);\n  }, [children, delay]);\n\n  return <>{shouldRender ? children : null}</>;\n}\n"],"names":[],"mappings":";;;AAWO,SAAS,WAAY,CAAA,EAAE,QAAU,EAAA,KAAA,EAAgB,EAAA;AACtD,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,KAAK,CAAA;AACtD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAA,CAAO,WAAW,MAAM;AACtB,MAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,OACnB,KAAK,CAAA;AAAA,GACP,EAAA,CAAC,QAAU,EAAA,KAAK,CAAC,CAAA;AAEpB,EAAO,uBAAA,GAAA,CAAA,QAAA,EAAA,EAAG,QAAe,EAAA,YAAA,GAAA,QAAA,GAAW,IAAK,EAAA,CAAA;AAC3C;;;;"}