https://boombam.app/assets/reddit-mockup-CZy9nM3R.js

1import{r as _,j as e,aE as ce,B as a,V as oe,bZ as me,dD as xe,dE as pe,dF as he,U as T,D as je,C as g,b as N,d as v,e as f,ab as i,$ as I,a0 as L,a1 as $,a2 as R,a3 as y,a4 as K,S as F,aF as k,ap as G,s as b,aY as ue,Q as ee,aL as be,v as ge,bt as Ne,aZ as ve,X as fe}from"./index-CuSEeJFb.js";import{I as E}from"./image-fQC3p4ps.js";import{V as B}from"./video-AMZtj4XD.js";import{A as ye}from"./arrow-up-Uui5xrmv.js";import{A as ke}from"./arrow-down-CLUMqGAm.js";import{S as we}from"./share-B5BYf7qZ.js";import{E as Ce}from"./ellipsis-DL2QQYI6.js";function Le({register:d,setValue:c,watch:l,businessProfile:h,isGeneratingField:n,onGenerateField:w,getValidationStatus:V}){const U=l("platformContent.postTitle")||"",C=l("platformContent.postContent")||"",D=l("platformContent.subredditSelection")||"",r=l("platformContent.postType")||"text",M=l("platformContent.flairSelection")||"",P=l("platformContent.spoilerTag")||!1,Y=l("platformContent.nsfw")||!1,S=l("platformContent.linkUrl")||"",j=l("platformContent.pollOptions")||["",""],O=l("platformContent.pollDuration")||"3";l("platformContent.crosspostSubreddit");const se=l("platformContent.sendReplies")||!0,J=l("platformContent.imageCaption")||"",Q=l("platformContent.videoCaption")||"",W=l("platformContent.liveDescription")||"",o={postTitle:300,postContent:4e4,linkUrl:500,pollOption:180},u=(s,t,x)=>{if(V){const A=V(s,x);return{colorClass:A.status==="error"?"text-red-500":A.status==="warning"?"text-orange-500":"text-gray-500 dark:text-gray-400",message:A.message}}const p=t/x;return{colorClass:p>.9?"text-red-500":p>.7?"text-orange-500":"text-gray-500 dark:text-gray-400",message:`${t}/${x}`}},z=(h==null?void 0:h.businessName)||"YourBusiness",Z=(h==null?void 0:h.logo)||"",te=z.split(" ").map(s=>s[0]).join("").toUpperCase().slice(0,2),ae=`u/${z.replace(/\s+/g,"_").toLowerCase()}`,le={text:{name:"Text Post",icon:e.jsx(ee,{className:"w-4 h-4"}),color:"text-blue-600"},link:{name:"Link Post",icon:e.jsx(ve,{className:"w-4 h-4"}),color:"text-purple-600"},image:{name:"Image Post",icon:e.jsx(E,{className:"w-4 h-4"}),color:"text-green-600"},video:{name:"Video Post",icon:e.jsx(B,{className:"w-4 h-4"}),color:"text-red-600"},poll:{name:"Poll",icon:e.jsx(fe,{className:"w-4 h-4"}),color:"text-orange-600"},live:{name:"Live Discussion",icon:e.jsx(T,{className:"w-4 h-4"}),color:"text-pink-600"}},re=[{name:"r/entrepreneur",members:"1.2M",description:"A community of entrepreneurs"},{name:"r/marketing",members:"845k",description:"Marketing strategies and tips"},{name:"r/smallbusiness",members:"1.8M",description:"Small business community"},{name:"r/socialmedia",members:"234k",description:"Social media marketing"},{name:"r/advertising",members:"156k",description:"Digital advertising discussions"},{name:"r/business",members:"2.1M",description:"General business discussions"}],ne=[{name:"Discussion",color:"bg-blue-100 text-blue-800"},{name:"Question",color:"bg-purple-100 text-purple-800"},{name:"Advice",color:"bg-green-100 text-green-800"},{name:"Success Story",color:"bg-yellow-100 text-yellow-800"},{name:"Tool/Resource",color:"bg-red-100 text-red-800"},{name:"News",color:"bg-gray-100 text-gray-800"}],[ie,q]=_.useState(Math.floor(Math.random()*500)+50),[m,H]=_.useState(null),X=s=>{if(m===s)H(null),q(t=>s==="up"?t-1:t+1);else{const t=s==="up"?1:-1,x=m==="up"?-1:m==="down"?1:0;q(p=>p+t+x),H(s)}},de=()=>e.jsxs("div",{className:"w-8 h-8 bg-orange-500 rounded-full relative flex items-center justify-center","data-testid":"snoo-mascot",children:[e.jsxs("div",{className:"w-6 h-6 bg-white rounded-full relative",children:[e.jsx("div",{className:"absolute top-1 left-1 w-1.5 h-1.5 bg-black rounded-full"}),e.jsx("div",{className:"absolute top-1 right-1 w-1.5 h-1.5 bg-black rounded-full"}),e.jsx("div",{className:"absolute bottom-1 left-1/2 transform -translate-x-1/2 w-2 h-1 bg-black rounded-full"})]}),e.jsx("div",{className:"absolute -top-1 left-1/2 transform -translate-x-1/2 w-3 h-2 bg-orange-500 rounded-t-full"})]});return e.jsx("div",{className:"max-w-7xl mx-auto",children:e.jsxs("div",{className:"bg-gray-100 dark:bg-gray-900 rounded-lg shadow-xl overflow-hidden mb-6",children:[e.jsx("div",{className:"bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 px-4 py-3",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(de,{}),e.jsx("span",{className:"text-xl font-bold text-orange-600 dar

1k:text-orange-400",children:"reddit"})]}),e.jsxs("div",{className:"hidden md:flex items-center bg-gray-100 dark:bg-gray-700 rounded-full px-4 py-2 flex-1 max-w-md",children:[e.jsx(ce,{className:"w-4 h-4 text-gray-500 mr-2"}),e.jsx("input",{type:"text",placeholder:"Search Reddit",className:"bg-transparent text-sm outline-none flex-1 text-gray-900 dark:text-white","data-testid":"input-search"})]})]}),e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsxs(a,{variant:"outline",size:"sm",className:"hidden md:flex",children:[e.jsx(oe,{className:"w-4 h-4 mr-1"}),"Popular"]}),e.jsx(me,{className:"w-5 h-5 text-gray-600 dark:text-gray-300 cursor-pointer","data-testid":"button-notifications"}),e.jsx(xe,{className:"w-8 h-8","data-testid":"avatar-profile",children:Z?e.jsx(pe,{src:Z,alt:z}):e.jsx(he,{className:"bg-orange-500 text-white text-sm",children:te})})]})]})}),e.jsxs("div",{className:"flex",children:[e.jsxs("div",{className:"flex-1 bg-gray-100 dark:bg-gray-900",children:[e.jsxs("div",{className:"bg-blue-600 text-white p-4",children:[e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsx("div",{className:"w-16 h-16 bg-white rounded-full flex items-center justify-center",children:e.jsx("span",{className:"text-2xl",children:"🚀"})}),e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold","data-testid":"text-subreddit-name",children:D||"r/entrepreneur"}),e.jsx("p",{className:"text-blue-100",children:"1.2M members • 8.5k online"})]})]}),e.jsxs("div",{className:"mt-4 flex space-x-4",children:[e.jsxs(a,{variant:"secondary",size:"sm","data-testid":"button-join",children:[e.jsx(T,{className:"w-4 h-4 mr-1"}),"Join"]}),e.jsx(a,{variant:"outline",size:"sm",className:"text-white border-white hover:bg-white hover:text-blue-600","data-testid":"button-favorite",children:e.jsx(je,{className:"w-4 h-4"})})]})]}),e.jsxs("div",{className:"p-4",children:[e.jsxs(g,{className:"mb-4",children:[e.jsx(N,{children:e.jsxs(v,{className:"flex items-center justify-between",children:[e.jsx("span",{children:"Create Post"}),e.jsx("div",{className:"flex space-x-2",children:Object.entries(le).map(([s,t])=>e.jsxs(a,{variant:r===s?"default":"outline",size:"sm",onClick:()=>c("platformContent.postType",s),className:r===s?t.color:"","data-testid":`button-post-type-${s}`,children:[t.icon,e.jsx("span",{className:"ml-1 hidden sm:inline",children:t.name})]},s))})]})}),e.jsxs(f,{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(i,{htmlFor:"subreddit",children:"Choose a community"}),e.jsxs(I,{value:D,onValueChange:s=>c("platformContent.subredditSelection",s),"data-testid":"select-subreddit",children:[e.jsx(L,{children:e.jsx($,{placeholder:"Choose a community"})}),e.jsx(R,{children:re.map(s=>e.jsx(y,{value:s.name,children:e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx("span",{className:"font-medium",children:s.name}),e.jsx("span",{className:"text-sm text-gray-500",children:s.members})]})},s.name))})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx(i,{htmlFor:"postTitle",children:"Title"}),e.jsxs("div",{className:"flex items-center space-x-2",children:[w&&e.jsxs(a,{type:"button",variant:"outline",size:"sm",onClick:()=>w("postTitle"),disabled:n==null?void 0:n("postTitle"),className:"text-xs","data-testid":"button-generate-title",children:[n!=null&&n("postTitle")?e.jsx(K,{className:"w-3 h-3 animate-spin mr-1"}):e.jsx(F,{className:"w-3 h-3 mr-1"}),"Generate"]}),e.jsx("span",{className:`text-xs ${u("postTitle",U.length,o.postTitle).colorClass}`,children:u("postTitle",U.length,o.postTitle).message})]})]}),e.jsx(k,{...d("platformContent.postTitle"),placeholder:"An interesting title",className:"w-full","data-testid":"input-post-title"})]}),r==="text"&&e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx(i,{htmlFor:"postContent",children:"Text (optional)"}),e.jsxs("div",{className:"flex items-center space-x-2",children:[w&&e.jsxs(a,{type:"button",variant:"outline",size:"sm",onClick:()=>w("postContent"),disabled:n==null?void 0:n("postContent"),className:"text-xs","data-testid":"button-generate-content",children:[n!=null&&n("postContent")?e.jsx(K,{className:"w-3 h-3 animate-spin mr-1"}):e.jsx(F,{className:"w-3 h-3 mr-1"}),"Generate"]}),e.jsx("span",{className:`text-xs ${u("postContent",C.length,o.postContent).colorClass}`,children:u("postContent",C.length,o.postContent).message})]})]}),e.jsx(G,{...d("platformContent.postContent"),placeholder:"Text (optional)",rows:6,className:"w-full","data-testid":"textarea-post-content"})]}),r==="link"&&e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx(i,{htmlFor:"linkUrl",children:"URL"}),e.jsx("span",{className:`text-xs ${u("linkUrl",S.length,o.linkUrl).colorClass}`,children:u("linkUrl",S.length,o.linkUrl).message})]}),e.jsx(k,{...d("platformContent.linkUrl"),placeholder:"https://example.com",className:"w-full","data-testid":"input-link-url"})]}),r==="image"&&e.jsxs("div",{className:"space-y-3",children:[e.jsx(i,{children:"Upload Image"}),e.jsxs("div",{className:"border-2 border-dashed border-gray-300 dark:border-gray-600 rounded-lg p-6 text-center",children:[e.jsx(E,{className:"w-12 h-12 text-gray-400 mx-auto mb-2"}),e.jsx("p",{className:"text-sm text-gray-500 mb-2",children:"Drag and drop an image, or click to browse"}),e.jsx(a,{type:"button",variant:"outline",size:"sm","data-testid":"button-upload-image",children:"Choose Image"}),e.jsx("input",{type:"file",accept:"image/*",className:"hidden",...d("platformContent.imageFile"),"data-testid":"input-image-file"})]}),e.jsxs("div",{children:[e.jsx(i,{htmlFor:"imageCaption",children:"Caption (optional)"}),e.jsx(k,{...d("platformContent.imageCaption"),placeholder:"Add a caption to your image",className:"w-full","data-testid":"input-image-caption"})]})]}),r==="video"&&e.jsxs("div",{className:"space-y-3",children:[e.jsx(i,{children:"Upload Video"}),e.jsxs("div",{className:"border-2 border-dashed border-gray-300 dark:border-gray-600 rounded-lg p-6 text-center",children:[e.jsx(B,{className:"w-12 h-12 text-gray-400 mx-auto mb-2"}),e.jsx("p",{className:"text-sm text-gray-500 mb-2",children:"Drag and drop a video, or click to browse"}),e.jsx(a,{type:"button",variant:"outline",size:"sm","data-testid":"button-upload-video",children:"Choose Video"}),e.jsx("input",{type:"file",accept:"video/*",className:"hidden",...d("platformContent.videoFile"),"data-testid":"input-video-file"})]}),e.jsxs("div",{children:[e.jsx(i,{htmlFor:"videoCaption",children:"Caption (optional)"}),e.jsx(k,{...d("platformContent.videoCaption"),placeholder:"Add a caption to your video",className:"w-full","data-testid":"input-video-caption"})]})]}),r==="live"&&e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"bg-pink-50 dark:bg-pink-900/20 border border-pink-200 dark:border-pink-800 rounded-lg p-4",children:[e.jsxs("div",{className:"flex items-center space-x-2 text-pink-700 dark:text-pink-300 mb-2",children:[e.jsx(T,{className:"w-4 h-4"}),e.jsx("span",{className:"font-medium",children:"Live Discussion"})]}),e.jsx("p",{className:"text-sm text-pink-600 dark:text-pink-400 mb-3",children:"Live discussions allow real-time conversation with your community. Once posted, users can join and participate in live chat."})]}),e.jsxs("div",{children:[e.jsx(i,{htmlFor:"liveDescription",children:"Discussion Description"}),e.jsx(G,{...d("platformContent.liveDescription"),placeholder:"Describe what this live discussion is about...",rows:4,className:"w-full","data-testid":"textarea-live-description"})]}),e.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsxs("label",{className:"flex items-center space-x-2",children:[e.jsx("input",{type:"checkbox",...d("platformContent.liveModeratedChat"),className:"rounded","data-testid":"checkbox-live-moderated"}),e.jsx("span",{className:"text-sm",children:"Moderated chat"})]}),e.jsxs("label",{className:"flex items-center space-x-2",children:[e.jsx("input",{type:"checkbox",...d("platformContent.liveSlowMode"),className:"rounded","data-testid":"checkbox-live-slow-mode"}),e.jsx("span",{className:"text-sm",children:"Slow mode (30s between messages)"})]})]})]}),r==="poll"&&e.jsxs("div",{className:"space-y-3",children:[e.jsx(i,{children:"Poll Options"}),j.map((s,t)=>e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(k,{value:s,onChange:x=>{const p=[...j];p[t]=x.target.value,c("platformContent.pollOptions",p)},placeholder:`Option ${t+1}`,className:"flex-1","data-testid":`input-poll-option-${t}`}),e.jsxs("span",{className:`text-xs ${s.length>o.pollOption*.9?"text-red-500":s.length>o.pollOption*.7?"text-orange-500":"text-gray-500 dark:text-gray-400"}`,children:[s.length,"/",o.pollOption]})]},t)),e.jsxs("div",{className:"flex space-x-2",children:[e.jsx(a,{type:"button",variant:"outline",size:"sm",onClick:()=>c("platformContent.pollOptions",[...j,""]),disabled:j.length>=6,"data-testid":"button-add-poll-option",children:"Add Option"}),e.jsxs(I,{value:O,onValueChange:s=>c("platformContent.pollDuration",s),"data-testid":"select-poll-duration",children:[e.jsx(L,{className:"w-32",children:e.jsx($,{})}),e.jsxs(R,{children:[e.jsx(y,{value:"1",children:"1 day"}),e.jsx(y,{value:"3",children:"3 days"}),e.jsx(y,{value:"7",children:"1 week"})]})]})]})]}),e.jsxs("div",{children:[e.jsx(i,{htmlFor:"flair",children:"Flair"}),e.jsxs(I,{value:M,onValueChange:s=>c("platformContent.flairSelection",s),"data-testid":"select-flair",children:[e.jsx(L,{children:e.jsx($,{placeholder:"Choose a flair"})}),e.jsx(R,{children:ne.map(s=>e.jsx(y,{value:s.name,children:e.jsx(b,{className:s.color,children:s.name})},s.name))})]})]}),e.jsxs("div",{className:"flex flex-wrap gap-4",children:[e.jsxs("label",{className:"flex items-center space-x-2",children:[e.jsx("input",{type:"checkbox",checked:P,onChange:s=>c("platformContent.spoilerTag",s.target.checked),className:"rounded","data-testid":"checkbox-spoiler"}),e.jsx("span",{className:"text-sm",children:"Spoiler"})]}),e.jsxs("label",{className:"flex items-center space-x-2",children:[e.jsx("input",{type:"checkbox",checked:Y,onChange:s=>c("platformContent.nsfw",s.target.checked),className:"rounded","data-testid":"checkbox-nsfw"}),e.jsx("span",{className:"text-sm",children:"NSFW"})]}),e.jsxs("label",{className:"flex items-center space-x-2",children:[e.jsx("input",{type:"checkbox",checked:se,onChange:s=>c("platformContent.sendReplies",s.target.checked),className:"rounded","data-testid":"checkbox-send-replies"}),e.jsx("span",{className:"text-sm",children:"Send me reply notifications"})]})]})]})]}),e.jsxs(g,{children:[e.jsx(N,{children:e.jsx(v,{children:"Post Preview"})}),e.jsx(f,{children:e.jsxs("div",{className:"bg-white dark:bg-gray-800 border rounded-lg overflow-hidden",children:[e.jsx("div",{className:"p-3 border-b",children:e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx("span",{className:"text-sm text-gray-600 dark:text-gray-400","data-testid":"text-post-subreddit",children:D||"r/entrepreneur"}),e.jsx("span",{className:"text-gray-400",children:"•"}),e.jsx("span",{className:"text-sm text-gray-600 dark:text-gray-400",children:"Posted by"}),e.jsx("span",{className:"text-sm font-medium text-orange-600","data-testid":"text-post-author",children:ae}),e.jsx("span",{className:"text-sm text-gray-600 dark:text-gray-400",children:"just now"}),M&&e.jsx(b,{className:"ml-2 bg-blue-100 text-blue-800","data-testid":"badge-post-flair",children:M}),P&&e.jsx(b,{className:"bg-red-100 text-red-800","data-testid":"badge-spoiler",children:"SPOILER"}),Y&&e.jsx(b,{className:"bg-red-600 text-white","data-testid":"badge-nsfw",children:"NSFW"})]})}),e.jsxs("div",{className:"p-3",children:[e.jsx("h3",{className:"font-semibold text-lg mb-2","data-testid":"text-post-title-preview",children:U||"Your post title will appear here"}),r==="text"&&C&&e.jsx("div",{className:"text-sm text-gray-700 dark:text-gray-300 mb-3","data-testid":"text-post-content-preview",children:C}),r==="link"&&S&&e.jsx("div",{className:"bg-gray-50 dark:bg-gray-700 border rounded p-3 mb-3","data-testid":"link-post-preview",children:e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(ue,{className:"w-4 h-4 text-gray-500"}),e.jsx("span",{className:"text-sm text-blue-600 hover:underline",children:S})]})}),r==="image"&&e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 border rounded-lg p-4 mb-3","data-testid":"image-post-preview",children:[e.jsxs("div",{className:"bg-gray-100 dark:bg-gray-600 border-2 border-dashed rounded-lg p-8 text-center mb-3",children:[e.jsx(E,{className:"w-12 h-12 text-gray-400 mx-auto mb-2"}),e.jsx("p",{className:"text-sm text-gray-500",children:"Image will appear here"})]}),J&&e.jsx("p",{className:"text-sm text-gray-700 dark:text-gray-300",children:J})]}),r==="video"&&e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 border rounded-lg p-4 mb-3","data-testid":"video-post-preview",children:[e.jsxs("div",{className:"bg-gray-100 dark:bg-gray-600 border-2 border-dashed rounded-lg p-8 text-center mb-3",children:[e.jsx(B,{className:"w-12 h-12 text-gray-400 mx-auto mb-2"}),e.jsx("p",{className:"text-sm text-gray-500",children:"Video will appear here"})]}),Q&&e.jsx("p",{className:"text-sm text-gray-700 dark:text-gray-300",children:Q})]}),r==="live"&&e.jsxs("div",{className:"bg-pink-50 dark:bg-pink-900/20 border border-pink-200 dark:border-pink-800 rounded-lg p-4 mb-3","data-testid":"live-post-preview",children:[e.jsxs("div",{className:"flex items-center space-x-2 text-pink-700 dark:text-pink-300 mb-2",children:[e.jsx(T,{className:"w-4 h-4"}),e.jsx("span",{className:"font-medium text-sm",children:"🔴 LIVE DISCUSSION"})]}),W&&e.jsx("p",{className:"text-sm text-gray-700 dark:text-gray-300 mb-2",children:W}),e.jsx("div",{className:"bg-white dark:bg-gray-800 border border-pink-200 dark:border-pink-700 rounded p-3",children:e.jsx("p",{className:"text-xs text-gray-500 text-center",children:"Live chat will appear here when discussion starts"})})]}),r==="poll"&&j.length>0&&e.jsxs("div",{className:"border rounded-lg p-4 mb-3","data-testid":"poll-post-preview",children:[e.jsxs("h4",{className:"font-medium mb-3",children:["Poll • ",O," day",O!=="1"?"s":""," left"]}),e.jsx("div",{className:"space-y-2",children:j.filter(s=>s.trim()).map((s,t)=>e.jsxs("div",{className:"border rounded p-2 cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm",children:s}),e.jsx("span",{className:"text-xs text-gray-500",children:"0%"})]}),e.jsx("div",{className:"w-full bg-gray-200 dark:bg-gray-600 rounded-full h-1 mt-1",children:e.jsx("div",{className:"bg-orange-500 h-1 rounded-full",style:{width:"0%"}})})]},t))}),e.jsx("p",{className:"text-xs text-gray-500 mt-2",children:"0 votes"})]}),e.jsxs("div",{className:"flex items-center space-x-4 text-sm",children:[e.jsxs("div",{className:"flex items-center space-x-1",children:[e.jsx(a,{variant:"ghost",size:"sm",onClick:()=>X("up"),className:`p-1 ${m==="up"?"text-orange-500":"text-gray-500"}`,"data-testid":"button-upvote",children:e.jsx(ye,{className:"w-4 h-4"})}),e.jsx("span",{className:`font-medium ${m==="up"?"text-orange-500":m==="down"?"text-blue-500":"text-gray-900 dark:text-white"}`,"data-testid":"text-vote-count",children:ie}),e.jsx(a,{variant:"ghost",size:"sm",onClick:()=>X("down"),className:`p-1 ${m==="down"?"text-blue-500":"text-gray-500"}`,"data-testid":"button-downvote",children:e.jsx(ke,{className:"w-4 h-4"})})]}),e.jsxs(a,{variant:"ghost",size:"sm",className:"text-gray-500","data-testid":"button-comments",children:[e.jsx(ee,{className:"w-4 h-4 mr-1"}),Math.floor(Math.random()*50)+5," Comments"]}),e.jsxs(a,{variant:"ghost",size:"sm",className:"text-gray-500","data-testid":"button-share",children:[e.jsx(we,{className:"w-4 h-4 mr-1"}),"Share"]}),e.jsxs(a,{variant:"ghost",size:"sm",className:"text-gray-500","data-testid":"button-save",children:[e.jsx(be,{className:"w-4 h-4 mr-1"}),"Save"]}),e.jsx(a,{variant:"ghost",size:"sm",className:"text-gray-500","data-testid":"button-more",children:e.jsx(Ce,{className:"w-4 h-4"})})]})]})]})})]})]})]}),e.jsxs("div",{className:"w-80 bg-white dark:bg-gray-800 border-l border-gray-200 dark:border-gray-700 p-4

1 space-y-4",children:[e.jsxs(g,{children:[e.jsx(N,{className:"pb-3",children:e.jsx(v,{className:"text-sm",children:"About Community"})}),e.jsxs(f,{className:"space-y-3",children:[e.jsx("div",{className:"text-sm text-gray-600 dark:text-gray-400",children:"A community for entrepreneurs to share experiences, tips, and insights about building and growing businesses."}),e.jsxs("div",{className:"flex justify-between text-sm",children:[e.jsxs("div",{children:[e.jsx("div",{className:"font-semibold","data-testid":"text-community-members",children:"1.2M"}),e.jsx("div",{className:"text-gray-500",children:"Members"})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"font-semibold flex items-center","data-testid":"text-community-online",children:[e.jsx("div",{className:"w-2 h-2 bg-green-500 rounded-full mr-1"}),"8.5k"]}),e.jsx("div",{className:"text-gray-500",children:"Online"})]}),e.jsxs("div",{children:[e.jsx("div",{className:"font-semibold","data-testid":"text-community-rank",children:"#3"}),e.jsx("div",{className:"text-gray-500",children:"Ranked"})]})]}),e.jsx("div",{className:"text-xs text-gray-500 border-t pt-3",children:e.jsxs("div",{className:"flex items-center space-x-2 mb-1",children:[e.jsx(ge,{className:"w-3 h-3"}),e.jsx("span",{children:"Created Jan 25, 2008"})]})})]})]}),e.jsxs(g,{children:[e.jsx(N,{className:"pb-3",children:e.jsxs(v,{className:"text-sm flex items-center",children:[e.jsx(Ne,{className:"w-4 h-4 mr-1"}),"Rules"]})}),e.jsx(f,{className:"space-y-2",children:e.jsxs("div",{className:"text-xs space-y-2",children:[e.jsxs("div",{className:"flex items-start space-x-2",children:[e.jsx("span",{className:"font-medium",children:"1."}),e.jsx("span",{children:"Be respectful and professional"})]}),e.jsxs("div",{className:"flex items-start space-x-2",children:[e.jsx("span",{className:"font-medium",children:"2."}),e.jsx("span",{children:"No spam or self-promotion only"})]}),e.jsxs("div",{className:"flex items-start space-x-2",children:[e.jsx("span",{className:"font-medium",children:"3."}),e.jsx("span",{children:"Use descriptive titles"})]}),e.jsxs("div",{className:"flex items-start space-x-2",children:[e.jsx("span",{className:"font-medium",children:"4."}),e.jsx("span",{children:"Search before posting"})]})]})})]}),e.jsxs(g,{children:[e.jsx(N,{className:"pb-3",children:e.jsx(v,{className:"text-sm",children:"Moderators"})}),e.jsx(f,{children:e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-blue-600",children:"u/moderator1"}),e.jsx(b,{variant:"outline",className:"text-xs",children:"Mod"})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-blue-600",children:"u/moderator2"}),e.jsx(b,{variant:"outline",className:"text-xs",children:"Mod"})]}),e.jsx("div",{className:"text-xs text-gray-500 pt-2 border-t",children:e.jsx(a,{variant:"link",className:"text-xs p-0 h-auto","data-testid":"button-view-all-mods",children:"View all moderators"})})]})})]})]})]})]})})}export{Le as RedditMockup};