https://boombam.app/assets/twitter-post-mockup-D12O4fKe.js

1import{K as j,j as e,ap as u,B as r,a4 as c,s as v,cq as m,aF as N,cV as b,aP as y}from"./index-CuSEeJFb.js";import{U as i}from"./upload-rep3KVPL.js";import{S as w}from"./share-B5BYf7qZ.js";import{E as f}from"./ellipsis-DL2QQYI6.js";/**
2 * @license lucide-react v0.453.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const k=j("Repeat2",[["path",{d:"m2 9 3-3 3 3",key:"1ltn5i"}],["path",{d:"M13 18H7a2 2 0 0 1-2-2V6",key:"1r6tfw"}],["path",{d:"m22 15-3 3-3-3",key:"4rnwn2"}],["path",{d:"M11 6h6a2 2 0 0 1 2 2v10",key:"2f72bc"}]]);function A({register:x,setValue:U,watch:l,businessProfile:s,isGeneratingField:a,onGenerateField:t}){var h;const g=l("platformContent.primaryText")||"",d=l("platformContent.imageUrl")||"",p=l("destinationUrl")||"",o=!1,n=()=>{};return e.jsxs("div",{className:"max-w-md mx-auto bg-white dark:bg-gray-800 border rounded-lg overflow-hidden shadow-sm",children:[e.jsxs("div",{className:"flex items-start gap-3 p-4",children:[e.jsx("div",{className:"w-12 h-12 bg-blue-500 rounded-full flex items-center justify-center text-white font-medium",children:((h=s==null?void 0:s.companyName)==null?void 0:h.charAt(0))||"B"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"font-bold text-sm text-gray-900 dark:text-gray-100",children:(s==null?void 0:s.companyName)||"Your Business"}),e.jsx("div",{className:"w-5 h-5 bg-blue-500 rounded-full flex items-center justify-center",children:e.jsx("span",{className:"text-white text-xs",children:"✓"})}),e.jsxs("div",{className:"text-sm text-gray-500",children:["@",((s==null?void 0:s.companyName)||"yourbusiness").toLowerCase().replace(/\s+/g,"")]}),e.jsx("div",{className:"text-sm text-gray-500",children:"·"}),e.jsx("div",{className:"text-sm text-gray-500",children:"2m"})]}),e.jsxs("div",{className:"mt-2 relative",children:[e.jsx(u,{...x("platformContent.primaryText"),placeholder:"What's happening?",className:"border-0 p-0 resize-none text-base leading-relaxed focus:ring-0 focus:outline-none bg-transparent min-h-[80px]",maxLength:280,style:{fontSize:"15px",lineHeight:"1.3125"}}),t&&e.jsx(r,{type:"button",variant:"ghost",size:"sm",className:"absolute top-1 right-1 h-6 px-2 text-xs",onClick:()=>t("primaryText"),disabled:a==null?void 0:a("primaryText"),children:a!=null&&a("primaryText")?e.jsx(c,{className:"h-3 w-3 animate-spin"}):"AI"})]}),e.jsx("div",{className:"flex justify-end mt-2",children:e.jsxs(v,{variant:"outline",className:"text-xs",children:[g.length,"/280"]})}),d?e.jsxs("div",{className:"mt-3 rounded-2xl overflow-hidden border relative",children:[e.jsx("img",{src:d,alt:"Tweet image",className:"w-full h-48 object-cover"}),e.jsxs("div",{className:"absolute top-2 right-2 flex gap-2",children:[e.jsx(r,{type:"button",variant:"default",size:"sm",className:"bg-green-600 hover:bg-green-700 text-white text-xs px-3 py-1",onClick:()=>n(),disabled:o,children:e.jsxs(e.Fragment,{children:[e.jsx(i,{className:"w-3 h-3 mr-1"}),"Upload"]})}),t&&e.jsx(r,{type:"button",variant:"default",size:"sm",className:"bg-blue-500 hover:bg-blue-600 text-white text-xs px-3 py-1",onClick:()=>t("imageUrl"),disabled:a==null?void 0:a("imageUrl"),children:a!=null&&a("imageUrl")?e.jsxs(e.Fragment,{children:[e.jsx(c,{className:"w-3 h-3 mr-1 animate-spin"}),"Generating..."]}):e.jsxs(e.Fragment,{children:[e.jsx(m,{className:"w-3 h-3 mr-1"}),"AI Image"]})})]})]}):e.jsxs("div",{className:"mt-3 border-2 border-dashed border-gray-300 dark:border-gray-600 rounded-2xl p-8 text-center",children:[e.jsx("div",{className:"w-12 h-12 bg-gray-200 dark:bg-gray-600 rounded-full mx-auto mb-3 flex items-center justify-center",children:e.jsx(m,{className:"w-6 h-6 text-gray-500"})}),e.jsx("p",{className:"text-sm text-gray-500 mb-3",children:"Add visual content to your tweet"}),e.jsxs("div",{className:"flex gap-2 justify-center",children:[e.jsx(r,{type:"button",variant:"outline",size:"sm",className:"bg-white hover:bg-gray-50 text-gray-700 border-gray-300",onClick:()=>n(),disabled:o,children:e.jsxs(e.Fragment,{children:[e.jsx(i,{className:"w-4 h-4 mr-2"}),"Upload Image"]})}),t&&e.jsx(r,{type:"button",variant:"default",size:"sm",className:"bg-blue-500 hover:bg-blue-600 text-white",onClick:()=>t("imageUrl"),disabled:a==null?void 0:a("imageUrl"),children:a!=null&&a("imageUrl")?e.

6jsxs(e.Fragment,{children:[e.jsx(c,{className:"w-4 h-4 mr-2 animate-spin"}),"Generating..."]}):e.jsxs(e.Fragment,{children:[e.jsx(m,{className:"w-4 h-4 mr-2"}),"Generate AI Image"]})})]})]}),e.jsxs("div",{className:"mt-3 relative",children:[e.jsx(N,{...x("destinationUrl"),placeholder:"https://your-website.com/landing-page",className:"border border-gray-200 dark:border-gray-600 text-xs text-gray-600 dark:text-gray-400 bg-white dark:bg-gray-800 rounded px-2 py-1"}),e.jsxs("div",{className:"flex justify-between items-center mt-1",children:[e.jsx("div",{className:"text-xs text-gray-500",children:"Landing Page URL"}),e.jsx("div",{className:"text-xs text-green-600",children:p?"✓ Set":"⚠ Optional"})]})]}),e.jsxs("div",{className:"flex items-center justify-between mt-3 max-w-md text-gray-500",children:[e.jsxs("div",{className:"flex items-center gap-1 hover:text-blue-500 cursor-pointer group",children:[e.jsx("div",{className:"p-2 rounded-full group-hover:bg-blue-50 dark:group-hover:bg-blue-900/20",children:e.jsx(b,{className:"w-4 h-4"})}),e.jsx("span",{className:"text-sm",children:"24"})]}),e.jsxs("div",{className:"flex items-center gap-1 hover:text-green-500 cursor-pointer group",children:[e.jsx("div",{className:"p-2 rounded-full group-hover:bg-green-50 dark:group-hover:bg-green-900/20",children:e.jsx(k,{className:"w-4 h-4"})}),e.jsx("span",{className:"text-sm",children:"12"})]}),e.jsxs("div",{className:"flex items-center gap-1 hover:text-red-500 cursor-pointer group",children:[e.jsx("div",{className:"p-2 rounded-full group-hover:bg-red-50 dark:group-hover:bg-red-900/20",children:e.jsx(y,{className:"w-4 h-4"})}),e.jsx("span",{className:"text-sm",children:"89"})]}),e.jsx("div",{className:"flex items-center gap-1 hover:text-blue-500 cursor-pointer group",children:e.jsx("div",{className:"p-2 rounded-full group-hover:bg-blue-50 dark:group-hover:bg-blue-900/20",children:e.jsx(w,{className:"w-4 h-4"})})})]})]}),e.jsx(f,{className:"w-5 h-5 text-gray-500"})]}),e.jsx("div",{className:"p-4 border-t bg-gray-50 dark:bg-gray-900",children:e.jsxs("div",{className:"text-xs text-gray-600 dark:text-gray-400 space-y-1",children:[e.jsxs("div",{children:["💡 ",e.jsx("strong",{children:"Twitter Tips:"})]}),e.jsx("div",{children:"• Keep it conversational and engaging"}),e.jsx("div",{children:"• Use hashtags strategically (#marketing #business)"}),e.jsx("div",{children:"• Ask questions to boost engagement"}),e.jsx("div",{children:"• Include a clear call-to-action"})]})})]})}export{A as TwitterPostMockup};