{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/9eCJbTOpT6dnKS9jwef6/Icnm6BdioeDRxfe5dYYj/article.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function Article(props){const{buttonText}=props;const[topic,setTopic]=useState(\"\");useEffect(()=>{const style=document.createElement(\"style\");style.innerHTML=`\n            form {\n                width: 100% !important;\n                max-width: 700px !important;\n                margin: auto;\n                background: #ffffff;\n                border: 1px solid #D2DCE7;\n                box-shadow: 3px 3px 20px 0px rgba(46, 66, 255, 0.15);\n                padding: 3px;\n                display: flex;\n                border-radius: 10px;\n                flex-direction: row;\n                gap: 15px;\n            }\n\n            @media (max-width: 600px) {\n                form {\n                    width: 480px !important;\n                }\n            }\n\n            @media (max-width: 480px) {\n                form {\n                    flex-direction: column !important;\n                    width: 100% !important;\n                }\n\n                button {\n                    width: 100% !important;\n                }\n            }\n        `;document.head.appendChild(style);return()=>{document.head.removeChild(style);};},[]);const handleSubmit=event=>{event.preventDefault();if(topic.trim()){const url=`https://app.gravitywrite.com/blog-writer?title=${encodeURIComponent(topic)}`;window.open(url,\"_blank\");}else{alert(\"Please enter a valid topic.\");}};return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsxs(\"form\",{onSubmit:handleSubmit,children:[/*#__PURE__*/_jsx(\"input\",{type:\"text\",value:topic,onChange:e=>setTopic(e.target.value),placeholder:\"Enter Your Blog Title\",style:inputStyle,required:true}),/*#__PURE__*/_jsx(\"button\",{type:\"submit\",style:buttonStyle,children:buttonText})]}),/*#__PURE__*/_jsx(\"style\",{children:`\n                input::placeholder {\n                    color: #B9C2CC;\n                }\n                input:focus {\n                    outline: none;\n                    background: #ffffff;\n                }\n            `})]});}const inputStyle={fontFamily:\"Inter, sans-serif\",fontSize:\"18px\",fontWeight:\"400\",lineHeight:\"24px\",letterSpacing:\"-0.03em\",textAlign:\"left\",color:\"#000000\",border:\"0px solid #e7edf4\",borderRadius:\"4px\",flexGrow:1,background:\"#ffffff\",padding:\"10px 15px\"};const buttonStyle={background:\"linear-gradient(110.37deg, #963FFF -9.83%, #2E42FF 91.64%)\",padding:\"13px 20px\",fontFamily:\"Inter, sans-serif\",fontSize:\"16px\",fontWeight:\"600\",lineHeight:\"23px\",letterSpacing:\"-0.03em\",textAlign:\"center\",color:\"#ffffff\",border:\"none\",borderRadius:\"4px\",cursor:\"pointer\"};// Add property controls for Framer\naddPropertyControls(Article,{buttonText:{type:ControlType.String,title:\"Button Text\",defaultValue:\"Generate Article\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Article\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"auto\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./article.map"],
  "mappings": "8JAMkB,SAARA,EAAyBC,EAAM,CAAC,GAAK,CAAC,WAAAC,CAAU,EAAED,EAAW,CAACE,EAAMC,CAAQ,EAAEC,EAAS,EAAE,EAAE,OAAAC,EAAU,IAAI,CAAC,IAAMC,EAAM,SAAS,cAAc,OAAO,EAAE,OAAAA,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UA+BtK,SAAS,KAAK,YAAYA,CAAK,EAAQ,IAAI,CAAC,SAAS,KAAK,YAAYA,CAAK,CAAE,CAAE,EAAE,CAAC,CAAC,EAAyPC,EAAMC,EAAU,CAAC,SAAS,CAAcD,EAAM,OAAO,CAAC,SAA1RE,GAAO,CAAwB,GAAvBA,EAAM,eAAe,EAAKP,EAAM,KAAK,EAAE,CAAC,IAAMQ,EAAI,kDAAkD,mBAAmBR,CAAK,CAAC,GAAGS,EAAO,KAAKD,EAAI,QAAQ,CAAE,MAAM,MAAM,6BAA6B,CAAG,EAAkG,SAAS,CAAcE,EAAK,QAAQ,CAAC,KAAK,OAAO,MAAMV,EAAM,SAASW,GAAGV,EAASU,EAAE,OAAO,KAAK,EAAE,YAAY,wBAAwB,MAAMC,EAAW,SAAS,EAAI,CAAC,EAAeF,EAAK,SAAS,CAAC,KAAK,SAAS,MAAMG,EAAY,SAASd,CAAU,CAAC,CAAC,CAAC,CAAC,EAAeW,EAAK,QAAQ,CAAC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAQrrB,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC,IAAME,EAAW,CAAC,WAAW,oBAAoB,SAAS,OAAO,WAAW,MAAM,WAAW,OAAO,cAAc,UAAU,UAAU,OAAO,MAAM,UAAU,OAAO,oBAAoB,aAAa,MAAM,SAAS,EAAE,WAAW,UAAU,QAAQ,WAAW,EAAQC,EAAY,CAAC,WAAW,6DAA6D,QAAQ,YAAY,WAAW,oBAAoB,SAAS,OAAO,WAAW,MAAM,WAAW,OAAO,cAAc,UAAU,UAAU,SAAS,MAAM,UAAU,OAAO,OAAO,aAAa,MAAM,OAAO,SAAS,EACjkBC,EAAoBjB,EAAQ,CAAC,WAAW,CAAC,KAAKkB,EAAY,OAAO,MAAM,cAAc,aAAa,kBAAkB,CAAC,CAAC",
  "names": ["Article", "props", "buttonText", "topic", "setTopic", "ye", "ue", "style", "u", "l", "event", "url", "window", "p", "e", "inputStyle", "buttonStyle", "addPropertyControls", "ControlType"]
}