{"version":3,"file":"RandomVariant.DXprZaf1.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/R1kN9O4Sosy6Klu0rMK0/HUCiZw6JrnFuIprfn64I/RandomVariant.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerDisableUnlink\n *\n * @framerIntrinsicWidth 300\n * @framerIntrinsicHeight 200\n *\n * @framerSupportedLayoutWidth 100%\n * @framerSupportedLayoutHeight 100%\n */export default function RandomVariant(props){const{components}=props;const[selectedComponent,setSelectedComponent]=useState(null);const[lastSelectedIndex,setLastSelectedIndex]=useState(null);const[isLoading,setIsLoading]=useState(true);// Function to generate a new random index\nconst getRandomIndex=(length,lastIndex)=>{let randomIndex;do{randomIndex=Math.floor(Math.random()*length);}while(randomIndex===lastIndex&&length>1)return randomIndex;};useEffect(()=>{// Ensure the components array is valid and has content\nif(components&&components.length>0){const randomIndex=getRandomIndex(components.length,lastSelectedIndex);setSelectedComponent(components[randomIndex]);setLastSelectedIndex(randomIndex);setIsLoading(false);}else{setSelectedComponent(null)// Clear selected component when no frames are connected\n;setIsLoading(false);}},[components]);if(isLoading){return null// Prevent rendering anything while loading\n;}// Render the selected component if available, otherwise show the styled empty state\nreturn selectedComponent?/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\"},children:selectedComponent}):/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",width:\"350px\",height:\"100%\",minWidth:\"300px\",minHeight:\"200px\",padding:\"24px\",boxSizing:\"border-box\",backgroundColor:\"#8658d833\",border:\"1px solid #8658D8\",borderRadius:\"8px\",textAlign:\"center\"},children:[/*#__PURE__*/_jsxs(\"svg\",{width:\"100\",height:\"40\",viewBox:\"0 0 166 127\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",children:[/*#__PURE__*/_jsx(\"path\",{d:\"M55.4961 100.711H165.496V126.711H55.4961L55.4961 100.711Z\",fill:\"#9A66FF\",\"fill-opacity\":\"0.39\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M137.496 100.711H165.496V57.7109H137.496V100.711Z\",fill:\"#9A66FF\",\"fill-opacity\":\"0.39\"}),/*#__PURE__*/_jsx(\"rect\",{x:\"27.4961\",y:\"24.7109\",width:\"110\",height:\"76\",fill:\"#9A66FF\",\"fill-opacity\":\"0.51\"}),/*#__PURE__*/_jsx(\"rect\",{x:\"0.496094\",y:\"0.710938\",width:\"110\",height:\"76\",fill:\"#9A66FF\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M71.5662 25.3702C68.3455 22.1618 64.2473 19.9784 59.7878 19.0951C55.3284 18.2118 50.7073 18.6682 46.5068 20.4068C42.3064 22.1453 38.7144 25.0882 36.1836 28.8647C33.6528 32.6411 32.2963 37.0821 32.2852 41.6282\",stroke:\"#0E0422\",\"stroke-width\":\"5\",\"stroke-miterlimit\":\"10\",\"stroke-linecap\":\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M69.7124 13.5625L72.0004 22.8355C72.1058 23.2396 72.1281 23.6609 72.066 24.0738C72.0039 24.4868 71.8587 24.8829 71.6392 25.2382C71.4197 25.5934 71.1304 25.9005 70.7888 26.1407C70.4472 26.381 70.0605 26.5495 69.6519 26.636L60.3789 28.9543\",stroke:\"#0E0422\",\"stroke-width\":\"5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M38.4336 52.633C41.6541 55.8424 45.7526 58.0266 50.2125 58.9104C54.6724 59.7942 59.2941 59.338 63.4951 57.5994C67.6962 55.8607 71.2886 52.9174 73.8195 49.1404C76.3505 45.3633 77.7067 40.9216 77.7173 36.375\",stroke:\"#0E0422\",\"stroke-width\":\"5\",\"stroke-miterlimit\":\"10\",\"stroke-linecap\":\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M40.2895 64.4386L38.0015 55.1656C37.8966 54.7613 37.8746 54.34 37.9371 53.927C37.9995 53.514 38.145 53.118 38.3647 52.7628C38.5845 52.4076 38.8739 52.1006 39.2156 51.8604C39.5573 51.6202 39.9441 51.4517 40.3527 51.3651L49.623 49.0469\",stroke:\"#0E0422\",\"stroke-width\":\"5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"})]}),/*#__PURE__*/_jsx(\"div\",{style:{color:\"#9A66FF\",fontWeight:\"bold\",fontSize:\"14px\",fontFamily:\"Inter, sans-serif\",marginTop:\"12px\"},children:\"No frames/components connected.\"}),/*#__PURE__*/_jsx(\"div\",{style:{marginTop:\"8px\",color:\"#8658D8\",fontWeight:\"normal\",fontSize:\"12px\",fontFamily:\"Inter, sans-serif\"},children:\"The connected frames/components will switch randomly on each refresh.\"})]});}// Property controls to connect different components/frames\naddPropertyControls(RandomVariant,{components:{type:ControlType.Array,title:\"Items\",propertyControl:{type:ControlType.ComponentInstance},description:\"Check out all other code components on [Eleveight Supply](https://eleveight.supply)\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"RandomVariant\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"200\",\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"*\",\"framerIntrinsicWidth\":\"300\",\"framerSupportedLayoutWidth\":\"100%\",\"framerSupportedLayoutHeight\":\"100%\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./RandomVariant.map"],"mappings":"mLAQG,SAAwB,EAAc,EAAM,CAAC,GAAK,CAAC,cAAY,EAAW,CAAC,EAAkB,GAAsBA,EAAS,KAAK,CAAM,CAAC,EAAkB,GAAsBA,EAAS,KAAK,CAAM,CAAC,EAAU,GAAcA,EAAS,GAAK,CACxO,GAAgB,EAAO,IAAY,CAAC,IAAI,EAAY,EAAG,GAAY,KAAK,MAAM,KAAK,QAAQ,CAAC,EAAO,OAAQ,IAAc,GAAW,EAAO,GAAE,OAAO,GAI1J,OAJwK,MAAc,CACtL,GAAG,GAAY,EAAW,OAAO,EAAE,CAAC,IAAM,EAAY,EAAe,EAAW,OAAO,EAAkB,CAAC,EAAqB,EAAW,GAAa,CAAC,EAAqB,EAAY,CAAC,EAAa,GAAM,MAAO,EAAqB,KAAK,CAC7O,EAAa,GAAM,EAAI,CAAC,EAAW,CAAC,CAAI,EAAkB,KAEpD,EAA+B,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,CAAC,SAAS,EAAkB,CAAC,CAAc,EAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,cAAc,SAAS,WAAW,SAAS,eAAe,SAAS,MAAM,QAAQ,OAAO,OAAO,SAAS,QAAQ,UAAU,QAAQ,QAAQ,OAAO,UAAU,aAAa,gBAAgB,YAAY,OAAO,oBAAoB,aAAa,MAAM,UAAU,SAAS,CAAC,SAAS,CAAc,EAAM,MAAM,CAAC,MAAM,MAAM,OAAO,KAAK,QAAQ,cAAc,KAAK,OAAO,MAAM,6BAA6B,SAAS,CAAc,EAAK,OAAO,CAAC,EAAE,4DAA4D,KAAK,UAAU,eAAe,OAAO,CAAC,CAAc,EAAK,OAAO,CAAC,EAAE,oDAAoD,KAAK,UAAU,eAAe,OAAO,CAAC,CAAc,EAAK,OAAO,CAAC,EAAE,UAAU,EAAE,UAAU,MAAM,MAAM,OAAO,KAAK,KAAK,UAAU,eAAe,OAAO,CAAC,CAAc,EAAK,OAAO,CAAC,EAAE,WAAW,EAAE,WAAW,MAAM,MAAM,OAAO,KAAK,KAAK,UAAU,CAAC,CAAc,EAAK,OAAO,CAAC,EAAE,mNAAmN,OAAO,UAAU,eAAe,IAAI,oBAAoB,KAAK,iBAAiB,QAAQ,CAAC,CAAc,EAAK,OAAO,CAAC,EAAE,gPAAgP,OAAO,UAAU,eAAe,IAAI,iBAAiB,QAAQ,kBAAkB,QAAQ,CAAC,CAAc,EAAK,OAAO,CAAC,EAAE,gNAAgN,OAAO,UAAU,eAAe,IAAI,oBAAoB,KAAK,iBAAiB,QAAQ,CAAC,CAAc,EAAK,OAAO,CAAC,EAAE,4OAA4O,OAAO,UAAU,eAAe,IAAI,iBAAiB,QAAQ,kBAAkB,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,UAAU,WAAW,OAAO,SAAS,OAAO,WAAW,oBAAoB,UAAU,OAAO,CAAC,SAAS,kCAAkC,CAAC,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,UAAU,MAAM,MAAM,UAAU,WAAW,SAAS,SAAS,OAAO,WAAW,oBAAoB,CAAC,SAAS,wEAAwE,CAAC,CAAC,CAAC,CAAC,kBAb3pF,IAAsC,IAAoD,CAcnJ,EAAoB,EAAc,CAAC,WAAW,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,gBAAgB,CAAC,KAAK,EAAY,kBAAkB,CAAC,YAAY,sFAAsF,CAAC,CAAC"}