{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/PjuD2eyh86MhaKPn3gub/0hqzaQ5LuzJF1aDha6Dd/QuizStepsComponent.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";export function StepProgressBar({step,maxSteps}){const progress=Math.max(0,Math.min(step/maxSteps,1))*100;return /*#__PURE__*/_jsx(\"div\",{style:containerStyle,children:/*#__PURE__*/_jsx(\"div\",{style:{...progressStyle,width:`${progress}%`}})});}const containerStyle={width:\"100%\",height:\"6px\",backgroundColor:\"#d6d6ff\",borderRadius:\"10px\",overflow:\"hidden\"};const progressStyle={height:\"100%\",backgroundColor:\"blue\",borderRadius:\"10px 0 0 10px\",transition:\"width 0.3s ease\"};// Framer Controls\naddPropertyControls(StepProgressBar,{step:{type:ControlType.Number,title:\"Step\",min:0,defaultValue:1},maxSteps:{type:ControlType.Number,title:\"Max Steps\",min:1,defaultValue:10}});\nexport const __FramerMetadata__ = {\"exports\":{\"StepProgressBar\":{\"type\":\"reactComponent\",\"name\":\"StepProgressBar\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./QuizStepsComponent.map"],
  "mappings": "yFAAsG,SAASA,EAAgB,CAAC,KAAAC,EAAK,SAAAC,CAAQ,EAAE,CAAC,IAAMC,EAAS,KAAK,IAAI,EAAE,KAAK,IAAIF,EAAKC,EAAS,CAAC,CAAC,EAAE,IAAI,OAAoBE,EAAK,MAAM,CAAC,MAAMC,EAAe,SAAsBD,EAAK,MAAM,CAAC,MAAM,CAAC,GAAGE,EAAc,MAAM,GAAGH,CAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC,IAAME,EAAe,CAAC,MAAM,OAAO,OAAO,MAAM,gBAAgB,UAAU,aAAa,OAAO,SAAS,QAAQ,EAAQC,EAAc,CAAC,OAAO,OAAO,gBAAgB,OAAO,aAAa,gBAAgB,WAAW,iBAAiB,EACvjBC,EAAoBP,EAAgB,CAAC,KAAK,CAAC,KAAKQ,EAAY,OAAO,MAAM,OAAO,IAAI,EAAE,aAAa,CAAC,EAAE,SAAS,CAAC,KAAKA,EAAY,OAAO,MAAM,YAAY,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC",
  "names": ["StepProgressBar", "step", "maxSteps", "progress", "p", "containerStyle", "progressStyle", "addPropertyControls", "ControlType"]
}
