{"version":3,"file":"static/chunks/5402.2130f44c244dccf2.js","mappings":"wLA2DAA,CAAAA,EAAA,QArD2B,SAyBlBC,EAxBP,GAAM,CAAEA,YAAAA,CAAW,CAAEC,eAAAA,CAAc,CAAE,CAAGC,CAAAA,EAAAA,EAAAA,EAAAA,IAElCC,EAAc,KAClBF,EAAe,KACjB,EAEA,MACE,GAAAG,EAAAC,IAAA,EAACC,EAAAA,CAAKA,CAAAA,CACJC,MAAO,oBACPC,OAAQR,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAaS,SAAS,IAAK,qBACnCC,QAASP,EACTQ,cAAc,sBACdC,UAAU,yEACVC,mBAAoB,gDAEpB,GAAAT,EAAAC,IAAA,EAACS,IAAAA,CAAEF,UAAU,oCAA0B,kFAC2C,IAChF,GAAAR,EAAAW,GAAA,EAACC,IAAIA,CAACJ,UAAU,YAAYK,KAAK,uCAAuCC,OAAO,kBAAS,SAEjF,IACL,OAEJ,GAAAd,EAAAW,GAAA,EAACD,IAAAA,CAAEF,UAAU,mCAA0B,yCACvC,GAAAR,EAAAW,GAAA,EAACI,MAAAA,CAAIP,UAAU,sEACZZ,MAAAA,EAAAA,KAAAA,EAAAA,OAAAA,CAAAA,EAAAA,EAAaoB,QAAQ,GAArBpB,KAAAA,IAAAA,EAAAA,KAAAA,EAAAA,EAAuBqB,GAAG,CAAC,CAACC,EAASC,IACpC,GAAAnB,EAAAW,GAAA,EAACI,MAAAA,CAECP,UAAU,kEACVY,QAAS,KACPxB,MAAAA,GAAAA,EAAayB,QAAQ,CAACH,GACtBnB,GACF,WAEA,GAAAC,EAAAW,GAAA,EAACI,MAAAA,CAAIP,UAAU,4CACZU,GACCA,EAAQI,KAAK,CAAC,KAAKL,GAAG,CAAC,CAACM,EAAMJ,IAC5B,GAAAnB,EAAAC,IAAA,EAACuB,OAAAA,CAEChB,UAAU,wHAETe,EACD,GAAAvB,EAAAW,GAAA,EAACc,EAAAA,CAAQA,CAAAA,CAACjB,UAAU,OAAOkB,MAAOH,MAJ7BJ,OAXRA,QAwBjB","sources":["webpack://_N_E/./src/components/ModalsPortal/PromptInput/SuggestPromptModal.tsx"],"sourcesContent":["import Modal from \"@/components/Modal\"\nimport React from \"react\"\nimport Link from \"next/link\"\nimport TextCopy from \"@/components/TextCopy\"\nimport { usePromptInputStore } from \"@/stores\"\n\nconst SuggestPromptModal = () => {\n  const { promptInput, setPromptInput } = usePromptInputStore()\n\n  const handleClose = () => {\n    setPromptInput(null)\n  }\n\n  return (\n    <Modal\n      title={\"Suggested Prompts\"}\n      isOpen={promptInput?.modalType === \"SuggestPromptModal\"}\n      onClose={handleClose}\n      bodyClassName=\"overflow-hidden p-0\"\n      className=\"relative w-full max-w-6xl overflow-hidden rounded-2xl bg-atherGray-900\"\n      containerClassName={\"md:backdrop-blur-xl overflow-hidden\"}\n    >\n      <p className=\"mb-4 text-atherGray-300\">\n        Describe what you want to generate. Learn more about the structure and examples{\" \"}\n        <Link className=\"underline\" href=\"/tips-and-tricks/prompt-book?lang=en\" target=\"_blank\">\n          here\n        </Link>\n        .{\" \"}\n      </p>\n      <p className=\"text-atherGray-300 mb-2\">Here are some quick examples for you</p>\n      <div className=\"grid grid-cols-[repeat(auto-fit,minmax(20rem,_1fr))] gap-6\">\n        {promptInput?.examples?.map((example, index) => (\n          <div\n            key={index}\n            className=\"flex items-start bg-atherGray-950 p-2 rounded-lg cursor-pointer\"\n            onClick={() => {\n              promptInput?.onChange(example)\n              handleClose()\n            }}\n          >\n            <div className=\"flex items-start flex-wrap gap-1\">\n              {example &&\n                example.split(\",\").map((item, index) => (\n                  <span\n                    key={index}\n                    className=\"text-atherGray-300 flex items-center text-sm border border-atherGray-700 py-0.5 px-2 font-normal rounded-lg\"\n                  >\n                    {item}\n                    <TextCopy className=\"ml-1\" value={item} />\n                  </span>\n                ))}\n            </div>\n          </div>\n        ))}\n      </div>\n    </Modal>\n  )\n}\n\nexport default SuggestPromptModal\n"],"names":["__webpack_exports__","promptInput","setPromptInput","usePromptInputStore","handleClose","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsxs","Modal","title","isOpen","modalType","onClose","bodyClassName","className","containerClassName","p","jsx","Link","href","target","div","examples","map","example","index","onClick","onChange","split","item","span","TextCopy","value"],"sourceRoot":""}