{"version":3,"file":"RandomBackground.D8msbB7k.mjs","names":["useMemo"],"sources":["https:/framerusercontent.com/modules/7IFt1NYbzdwE4S7fKabR/PfcD9uNHuhfDFkqV1wcJ/RandomBackground.js"],"sourcesContent":["// Random background color from 5 user-selectable options, changes on each refresh\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{useMemo}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * RandomBackground\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function RandomBackground(props){const{colors,style}=props;const color=useMemo(()=>{if(!colors||colors.length===0)return\"#FFFFFF\";const idx=Math.floor(Math.random()*colors.length);return colors[idx];},[colors]);return /*#__PURE__*/_jsx(\"div\",{style:{...style,width:\"100%\",height:\"100%\",background:color,borderRadius:8,transition:\"background 0.3s\"}});}addPropertyControls(RandomBackground,{colors:{type:ControlType.Array,title:\"Colors\",control:{type:ControlType.Color},maxCount:5,defaultValue:[\"#FF6B6B\",\"#FFD93D\",\"#6BCB77\",\"#4D96FF\",\"#B983FF\"]}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"RandomBackground\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./RandomBackground.map"],"mappings":"kQAMG,SAAwB,EAAiB,EAAM,CAAC,GAAK,CAAC,SAAO,SAAO,EAAY,EAAMA,MAAY,CAAC,GAAG,CAAC,GAAQ,EAAO,SAAS,EAAE,MAAM,UAAU,IAAM,EAAI,KAAK,MAAM,KAAK,QAAQ,CAAC,EAAO,OAAO,CAAC,OAAO,EAAO,IAAO,CAAC,EAAO,CAAC,CAAC,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAM,MAAM,OAAO,OAAO,OAAO,WAAW,EAAM,aAAa,EAAE,WAAW,kBAAkB,CAAC,CAAC,kBALpU,IAA2B,IAAoD,CAKuP,EAAoB,EAAiB,CAAC,OAAO,CAAC,KAAK,EAAY,MAAM,MAAM,SAAS,QAAQ,CAAC,KAAK,EAAY,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,UAAU,UAAU,UAAU,UAAU,UAAU,CAAC,CAAC,CAAC"}