{"version":3,"file":"CreateAppPrompt.DKvu3oUT.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/E52k9JPleSklOn1n1jyn/8NWAnHP6S9ZArbnk9Xra/CreateAppPrompt.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState,useEffect}from\"react\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function CreateAppPrompt(props){const{buttonText,buttonColor,placeholders}=props;const[value,setValue]=useState(\"\");const[idx,setIdx]=useState(0);const list=placeholders&&placeholders.length?placeholders:[\"Build a sales dashboard that pulls from HubSpot\",\"Create a clinic queue display for our lobby screens\",\"Design an inventory tracker with real-time alerts\",\"Make a customer feedback analyzer with sentiment\"];useEffect(()=>{if(value)return;const t=setInterval(()=>setIdx(i=>(i+1)%list.length),3200);return()=>clearInterval(t);},[value,list.length]);const submit=()=>{const text=value.trim();if(!text)return;const encoded=btoa(encodeURIComponent(text));window.open(\"https://app.optidev.ai/auth/signup?prompt=\"+encoded+\"&autoSubmit=true\",\"_blank\");};return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",background:\"#ffffff\",border:\"1px solid #e0dee9\",borderRadius:18,padding:18,boxShadow:\"0 18px 50px -28px rgba(50,35,100,.35)\",display:\"flex\",flexDirection:\"column\",gap:14,fontFamily:\"Geist, sans-serif\",boxSizing:\"border-box\"},children:[/*#__PURE__*/_jsx(\"style\",{children:\".odev-ta::placeholder{color:#9a97a6;} .odev-ta{caret-color:#6a3ff5;} .odev-btn{transition:filter .18s ease;} .odev-btn:hover{filter:brightness(0.9);}\"}),/*#__PURE__*/_jsx(\"textarea\",{className:\"odev-ta\",value:value,onChange:e=>setValue(e.target.value),onKeyDown:e=>{if(e.key===\"Enter\"&&!e.shiftKey){e.preventDefault();submit();}},placeholder:list[idx],rows:2,style:{width:\"100%\",border:\"none\",outline:\"none\",resize:\"none\",background:\"transparent\",fontFamily:\"inherit\",fontSize:16,lineHeight:1.5,color:\"#100d16\",letterSpacing:\"-0.01em\",padding:0}}),/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",justifyContent:\"flex-end\",alignItems:\"center\"},children:/*#__PURE__*/_jsxs(\"button\",{className:\"odev-btn\",onClick:submit,style:{display:\"inline-flex\",alignItems:\"center\",gap:6,background:buttonColor||\"#6a3ff5\",color:\"#ffffff\",border:\"none\",borderRadius:10,padding:\"7px 13px\",fontFamily:\"inherit\",fontSize:13,fontWeight:600,letterSpacing:\"-0.01em\",cursor:\"pointer\"},children:[buttonText||\"Create your app\",/*#__PURE__*/_jsx(\"svg\",{width:\"13\",height:\"13\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2.4\",strokeLinecap:\"round\",strokeLinejoin:\"round\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M5 12h14M13 6l6 6-6 6\"})})]})})]});}addPropertyControls(CreateAppPrompt,{buttonText:{type:ControlType.String,title:\"Button\",defaultValue:\"Create your app\"},buttonColor:{type:ControlType.Color,title:\"Button Color\",defaultValue:\"#6a3ff5\"},placeholders:{type:ControlType.Array,title:\"Placeholders\",control:{type:ControlType.String},defaultValue:[\"Build a sales dashboard that pulls from HubSpot\",\"Create a clinic queue display for our lobby screens\",\"Design an inventory tracker with real-time alerts\"]}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CreateAppPrompt\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CreateAppPrompt.map"],"mappings":"sMAGG,SAAwB,EAAgB,EAAM,CAAC,GAAK,CAAC,aAAW,cAAY,gBAAc,EAAW,CAAC,EAAM,GAAUA,EAAS,EAAE,EAAO,CAAC,EAAI,GAAQA,EAAS,CAAC,EAAQ,EAAK,GAAc,EAAa,OAAO,EAAa,CAAC,kDAAkD,sDAAsD,oDAAoD,kDAAkD,EAAE,MAAc,CAAC,GAAG,EAAM,OAAO,IAAM,EAAE,gBAAgB,EAAO,IAAI,EAAE,GAAG,EAAK,MAAM,EAAE,IAAI,EAAE,UAAU,cAAc,CAAC,CAAE,EAAE,CAAC,EAAM,EAAK,MAAM,CAAC,EAAE,IAAM,MAAW,CAAC,IAAM,EAAK,EAAM,KAAK,EAAE,GAAG,CAAC,EAAK,OAAO,IAAM,EAAQ,KAAK,mBAAmB,CAAI,CAAC,EAAE,EAAO,KAAK,6CAA6C,EAAQ,mBAAmB,QAAQ,CAAE,EAAE,OAAoB,EAAM,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,WAAW,UAAU,OAAO,oBAAoB,aAAa,GAAG,QAAQ,GAAG,UAAU,wCAAwC,QAAQ,OAAO,cAAc,SAAS,IAAI,GAAG,WAAW,oBAAoB,UAAU,YAAY,EAAE,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS,uJAAuJ,CAAC,EAAe,EAAK,WAAW,CAAC,UAAU,UAAgB,QAAM,SAAS,GAAG,EAAS,EAAE,OAAO,KAAK,EAAE,UAAU,GAAG,CAAI,EAAE,MAAM,SAAS,CAAC,EAAE,WAAU,EAAE,eAAe,EAAE,EAAO,EAAG,EAAE,YAAY,EAAK,GAAK,KAAK,EAAE,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,QAAQ,OAAO,OAAO,OAAO,WAAW,cAAc,WAAW,UAAU,SAAS,GAAG,WAAW,IAAI,MAAM,UAAU,cAAc,UAAU,QAAQ,CAAC,CAAC,CAAC,EAAe,EAAK,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,eAAe,WAAW,WAAW,QAAQ,EAAE,SAAsB,EAAM,SAAS,CAAC,UAAU,WAAW,QAAQ,EAAO,MAAM,CAAC,QAAQ,cAAc,WAAW,SAAS,IAAI,EAAE,WAAW,GAAa,UAAU,MAAM,UAAU,OAAO,OAAO,aAAa,GAAG,QAAQ,WAAW,WAAW,UAAU,SAAS,GAAG,WAAW,IAAI,cAAc,UAAU,OAAO,SAAS,EAAE,SAAS,CAAC,GAAY,kBAA+B,EAAK,MAAM,CAAC,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,OAAO,eAAe,YAAY,MAAM,cAAc,QAAQ,eAAe,QAAQ,SAAsB,EAAK,OAAO,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,qBAHruE,IAAoD,IAAsC,EAG4oE,EAAoB,EAAgB,CAAC,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,iBAAiB,EAAE,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,aAAa,SAAS,EAAE,aAAa,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,QAAQ,CAAC,KAAK,EAAY,MAAM,EAAE,aAAa,CAAC,kDAAkD,sDAAsD,mDAAmD,CAAC,CAAC,CAAC"}