{
  "version": 3,
  "sources": ["ssg:https://rive.app/api/s/FRNIw1dlB0SH_5jKGu81Sg/framer/", "ssg:https://framerusercontent.com/modules/cmxMdXJSgcHSw4QciWwZ/3sgKMGdXcW6JzXAkx7zB/Rive_Courses_InteractiveMedia.js"],
  "sourcesContent": ["import React, { useEffect } from \"react\";\nimport { addPropertyControls, ControlType, RenderTarget } from \"framer\";\nimport Rive, { useRive, useStateMachineInput } from \"@rive-app/react-canvas\";\nexport const componentName = \"New Artboard - State Machine 1\";\nexport default function Controls(props) {\n  const layout = new Rive.Layout({\n    fit: props.fit ?? \"contain\",\n    alignment: props.alignment ?? \"center\",\n  });\n  const params = {\n    src: \"https://public.rive.app/hosted/179949/44558/FRNIw1dlB0SH_5jKGu81Sg.riv\",\n    artboard: \"New Artboard\",\n    stateMachines: \"State Machine 1\",\n    autoplay: true && props.play,\n    automaticallyHandleEvents: true,\n    layout,\n  };\n  const { RiveComponent, rive } = useRive(params);\n  useEffect(() => {\n    if (rive) {\n      if (RenderTarget.current() === RenderTarget.canvas) {\n        if (props.playOnCanvas && props.play) {\n          rive.play();\n        } else {\n          rive.pause();\n        }\n      } else {\n        if (props.play) {\n          rive.play();\n        } else {\n          rive.pause();\n        }\n      }\n    }\n  }, [props.play]);\n  useEffect(() => {\n    if (rive && RenderTarget.current() === RenderTarget.canvas) {\n      if (props.playOnCanvas && props.play) {\n        rive.play();\n      } else {\n        rive.pause();\n      }\n    }\n  }, [rive, props.playOnCanvas, props.play]);\n  useEffect(() => {\n    if (rive) {\n      const layout = new Rive.Layout({\n        fit: props.fit ?? \"contain\",\n        alignment: props.alignment ?? \"center\",\n      });\n      rive.layout = layout;\n    }\n  }, [props.fit, props.alignment]);\n  return React.createElement(RiveComponent, {});\n}\nControls.defaultProps = { play: true, playOnCanvas: true };\nexport const propertyControls = {\n  play: {\n    title: \"Playback\",\n    type: ControlType.Boolean,\n    defaultValue: true,\n    enabledTitle: \"Play\",\n    disabledTitle: \"Pause\",\n  },\n  playOnCanvas: {\n    type: ControlType.Boolean,\n    title: \"Play on Canvas\",\n    defaultValue: true,\n    enabledTitle: \"Play\",\n    disabledTitle: \"Pause\",\n  },\n  fit: {\n    type: ControlType.Enum,\n    defaultValue: \"contain\",\n    displaySegmentedControl: false,\n    segmentedControlDirection: \"vertical\",\n    options: [\n      \"contain\",\n      \"cover\",\n      \"fill\",\n      \"fitWidth\",\n      \"fitHeight\",\n      \"none\",\n      \"scaleDown\",\n    ],\n    optionTitles: [\n      \"Contain\",\n      \"Cover\",\n      \"Fill\",\n      \"Fit Width\",\n      \"Fit Height\",\n      \"None\",\n      \"Scale Down\",\n    ],\n  },\n  alignment: {\n    type: ControlType.Enum,\n    defaultValue: \"center\",\n    displaySegmentedControl: false,\n    segmentedControlDirection: \"vertical\",\n    options: [\n      \"center\",\n      \"topLeft\",\n      \"topCenter\",\n      \"topRight\",\n      \"centerLeft\",\n      \"centerRight\",\n      \"bottomLeft\",\n      \"bottomCenter\",\n      \"bottomRight\",\n    ],\n    optionTitles: [\n      \"Center\",\n      \"Top Left\",\n      \"Top Center\",\n      \"Top Right\",\n      \"Center Left\",\n      \"Center Right\",\n      \"Bottom Left\",\n      \"Bottom Center\",\n      \"Bottom Right\",\n    ],\n  },\n};\naddPropertyControls(Controls, propertyControls);\n", "import{addPropertyControls}from\"framer\";import RiveComponent,{componentName,propertyControls}from\"https://rive.app/api/s/FRNIw1dlB0SH_5jKGu81Sg/framer/\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */ export default RiveComponent;RiveComponent.displayName=componentName;addPropertyControls(RiveComponent,propertyControls);\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"RiveComponent\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Rive_Courses_InteractiveMedia.map"],
  "mappings": "wHAGO,IAAMA,EAAgB,iCACd,SAARC,EAA0BC,EAAO,CACtC,IAAMC,EAAS,IAAIC,EAAK,OAAO,CAC7B,IAAKF,EAAM,KAAO,UAClB,UAAWA,EAAM,WAAa,QAChC,CAAC,EACKG,EAAS,CACb,IAAK,yEACL,SAAU,eACV,cAAe,kBACf,SAAkBH,EAAM,KACxB,0BAA2B,GAC3B,OAAAC,CACF,EACM,CAAE,cAAAG,EAAe,KAAAC,CAAK,EAAIC,EAAQH,CAAM,EAC9C,OAAAI,EAAU,IAAM,CACVF,IACEG,EAAa,QAAQ,IAAMA,EAAa,OACtCR,EAAM,cAAgBA,EAAM,KAC9BK,EAAK,KAAK,EAEVA,EAAK,MAAM,EAGTL,EAAM,KACRK,EAAK,KAAK,EAEVA,EAAK,MAAM,EAInB,EAAG,CAACL,EAAM,IAAI,CAAC,EACfO,EAAU,IAAM,CACVF,GAAQG,EAAa,QAAQ,IAAMA,EAAa,SAC9CR,EAAM,cAAgBA,EAAM,KAC9BK,EAAK,KAAK,EAEVA,EAAK,MAAM,EAGjB,EAAG,CAACA,EAAML,EAAM,aAAcA,EAAM,IAAI,CAAC,EACzCO,EAAU,IAAM,CACd,GAAIF,EAAM,CACR,IAAMJ,EAAS,IAAIC,EAAK,OAAO,CAC7B,IAAKF,EAAM,KAAO,UAClB,UAAWA,EAAM,WAAa,QAChC,CAAC,EACDK,EAAK,OAASJ,CAChB,CACF,EAAG,CAACD,EAAM,IAAKA,EAAM,SAAS,CAAC,EACxBS,EAAM,cAAcL,EAAe,CAAC,CAAC,CAC9C,CACAL,EAAS,aAAe,CAAE,KAAM,GAAM,aAAc,EAAK,EAClD,IAAMW,EAAmB,CAC9B,KAAM,CACJ,MAAO,WACP,KAAMC,EAAY,QAClB,aAAc,GACd,aAAc,OACd,cAAe,OACjB,EACA,aAAc,CACZ,KAAMA,EAAY,QAClB,MAAO,iBACP,aAAc,GACd,aAAc,OACd,cAAe,OACjB,EACA,IAAK,CACH,KAAMA,EAAY,KAClB,aAAc,UACd,wBAAyB,GACzB,0BAA2B,WAC3B,QAAS,CACP,UACA,QACA,OACA,WACA,YACA,OACA,WACF,EACA,aAAc,CACZ,UACA,QACA,OACA,YACA,aACA,OACA,YACF,CACF,EACA,UAAW,CACT,KAAMA,EAAY,KAClB,aAAc,SACd,wBAAyB,GACzB,0BAA2B,WAC3B,QAAS,CACP,SACA,UACA,YACA,WACA,aACA,cACA,aACA,eACA,aACF,EACA,aAAc,CACZ,SACA,WACA,aACA,YACA,cACA,eACA,cACA,gBACA,cACF,CACF,CACF,EACAC,EAAoBb,EAAUW,CAAgB,ECzH1C,IAAOG,EAAQC,EAAcA,EAAc,YAAYC,EAAcC,EAAoBF,EAAcG,CAAgB",
  "names": ["componentName", "Controls", "props", "layout", "d", "params", "RiveComponent", "rive", "j", "ue", "RenderTarget", "e", "propertyControls", "ControlType", "addPropertyControls", "Rive_Courses_InteractiveMedia_default", "Controls", "componentName", "addPropertyControls", "propertyControls"]
}