{"version":3,"file":"PersistentWAAPI.BeEl7IL6.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/z0TSivvQfT99EcPRpqyZ/0547mJjqMaUW7PRxlWtv/PersistentWAAPI.js"],"sourcesContent":["// Welcome to Code in Framer\n// Get Started: https://www.framer.com/developers/\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useRef}from\"react\";import{Ball,ExampleContainer,PlayButton}from\"https://framerusercontent.com/modules/JC49mPDn5n3Z04YAGOCK/UBQNq1F3KuEMTdYcl6Nr/WaapiImprovements.js\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function PersistentWAAPI(){const ref=useRef(null);const play=()=>ref.current.animate({opacity:[1,0]},{duration:500});return /*#__PURE__*/_jsxs(ExampleContainer,{children:[/*#__PURE__*/_jsx(PlayButton,{onClick:play,replayLabel:\"Replay\"}),/*#__PURE__*/_jsx(Ball,{ref:ref})]});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PersistentWAAPI\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"mMAQG,SAAwB,GAAiB,CAAC,IAAM,EAAIA,EAAO,KAAK,CAAoE,OAAoB,EAAM,EAAiB,CAAC,SAAS,CAAc,EAAK,EAAW,CAAC,YAAxI,EAAI,QAAQ,QAAQ,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,CAAkG,YAAY,SAAS,CAAC,CAAc,EAAK,EAAK,CAAK,MAAI,CAAC,CAAC,CAAC,CAAC,kBAN1O,IAA0B,IAAmJ,CAOzN,EAAqB,CAAC,QAAU,CAAC,QAAU,CAAC,KAAO,iBAAiB,KAAO,kBAAkB,MAAQ,EAAE,CAAC,YAAc,CAAC,4BAA8B,OAAO,sBAAwB,IAAI,2BAA6B,OAAO,CAAC,CAAC,mBAAqB,CAAC,KAAO,WAAW,CAAC,CAAA"}