{
  "version": 3,
  "sources": ["../../src/preview-module/components/LoadingIndicator.tsx", "../../src/preview-module/components/LoadingIndicator.styles.ts"],
  "sourcesContent": ["import { Spinner } from \"@framerjs/fresco\"\nimport { cx } from \"@linaria/core\"\nimport React from \"react\"\nimport * as classes from \"./LoadingIndicator.styles.ts\"\n\n// Avoid flashing the loading spinner for quick loads\nconst spinnerDelay = 800\n\nexport const LoadingIndicator = ({ className }: { className?: string }) => {\n\tconst [hasDelayPassed, setDelayPassed] = React.useState(false)\n\tconst delayTimer = React.useRef<number>()\n\n\tReact.useEffect(() => {\n\t\tdelayTimer.current = window.setTimeout(() => {\n\t\t\tsetDelayPassed(true)\n\t\t}, spinnerDelay)\n\n\t\treturn () => {\n\t\t\tif (delayTimer.current) window.clearTimeout(delayTimer.current)\n\t\t}\n\t}, [])\n\n\treturn hasDelayPassed ? <Spinner size=\"large\" className={cx(classes.spinner, className)} /> : null\n}\n", "import \"LoadingIndicator.styles_cs5mc8.wyw.css\"; export const spinner = \"spinner_s1dahue1\";"],
  "mappings": ";;;;;;;;;;;;;;;;;AAEA,mBAAkB;;;ACFsC,IAAM,UAAU;;;ADsB/C;AAhBzB,IAAM,eAAe;AAEd,IAAM,mBAAmB,CAAC,EAAE,UAAU,MAA8B;AAC1E,QAAM,CAAC,gBAAgB,cAAc,IAAI,aAAAA,QAAM,SAAS,KAAK;AAC7D,QAAM,aAAa,aAAAA,QAAM,OAAe;AAExC,eAAAA,QAAM,UAAU,MAAM;AACrB,eAAW,UAAU,OAAO,WAAW,MAAM;AAC5C,qBAAe,IAAI;AAAA,IACpB,GAAG,YAAY;AAEf,WAAO,MAAM;AACZ,UAAI,WAAW,QAAS,QAAO,aAAa,WAAW,OAAO;AAAA,IAC/D;AAAA,EACD,GAAG,CAAC,CAAC;AAEL,SAAO,iBAAiB,4CAAC,WAAQ,MAAK,SAAQ,WAAW,WAAW,SAAS,SAAS,GAAG,IAAK;AAC/F;",
  "names": ["React"]
}