module.exports=[69147,a=>{"use strict";var b=a.i(87924);function c({title:a,description:c,controls:d,output:e}){return(0,b.jsxs)("div",{className:"container mx-auto px-4 py-8 max-w-7xl",children:[(0,b.jsxs)("div",{className:"mb-8",children:[(0,b.jsx)("h1",{className:"text-3xl font-bold tracking-tight text-foreground mb-2",children:a}),(0,b.jsx)("p",{className:"text-muted-foreground",children:c})]}),(0,b.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8 items-start",children:[(0,b.jsx)("div",{className:"space-y-6",children:(0,b.jsx)("div",{className:"bg-card rounded-2xl border border-border p-6 shadow-sm",children:d})}),(0,b.jsx)("div",{className:"lg:sticky lg:top-24",children:(0,b.jsxs)("div",{className:"space-y-4",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-muted-foreground uppercase tracking-wider px-1",children:"Generated Output"}),e]})})]})]})}a.s(["ToolLayout",()=>c])},5151,a=>{"use strict";let b=(0,a.i(70106).default)("copy",[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]]);a.s(["Copy",()=>b],5151)},33441,a=>{"use strict";let b=(0,a.i(70106).default)("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]);a.s(["Check",()=>b],33441)},13294,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(69147),e=a.i(62258);function f(){let[a,f]=(0,c.useState)(600),[g,h]=(0,c.useState)(1024),[i,j]=(0,c.useState)(!1),[k,l]=(0,c.useState)("MobileView"),[m,n]=(0,c.useState)("TabletView"),[o,p]=(0,c.useState)("DesktopView"),q=i?k:"MobileLayout",r=i?m:"TabletLayout",s=i?o:"DesktopLayout",t=`LayoutBuilder(
  builder: (context, constraints) {
    if (constraints.maxWidth < ${a}) {
      return const ${q}();
    } else if (constraints.maxWidth < ${g}) {
      return const ${r}();
    } else {
      return const ${s}();
    }
  },
)`;return(0,b.jsx)(d.ToolLayout,{title:"Flutter Responsive Layout",description:"Define your breakpoints and generate a robust Responsive LayoutBuilder widget.",controls:(0,b.jsxs)("div",{className:"space-y-8",children:[(0,b.jsxs)("div",{className:"grid grid-cols-2 gap-6",children:[(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsx)("label",{className:"text-sm font-medium text-muted-foreground",children:"Mobile Breakpoint"}),(0,b.jsx)("input",{type:"number",value:a,onChange:a=>f(parseInt(a.target.value)),className:"w-full px-4 py-2 bg-background border border-border rounded-xl focus:ring-2 focus:ring-primary outline-none"})]}),(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsx)("label",{className:"text-sm font-medium text-muted-foreground",children:"Tablet Breakpoint"}),(0,b.jsx)("input",{type:"number",value:g,onChange:a=>h(parseInt(a.target.value)),className:"w-full px-4 py-2 bg-background border border-border rounded-xl focus:ring-2 focus:ring-primary outline-none"})]})]}),(0,b.jsxs)("div",{className:"space-y-4 pt-4 border-t border-border",children:[(0,b.jsxs)("label",{className:"flex items-center gap-2 cursor-pointer group",children:[(0,b.jsx)("input",{type:"checkbox",checked:i,onChange:a=>j(a.target.checked),className:"w-4 h-4 rounded border-border text-primary focus:ring-primary bg-background"}),(0,b.jsx)("span",{className:"text-sm font-medium text-muted-foreground group-hover:text-foreground",children:"Use Custom Widget Names"})]}),i&&(0,b.jsxs)("div",{className:"grid grid-cols-1 gap-4 animate-in fade-in slide-in-from-top-2 duration-300",children:[(0,b.jsx)("input",{placeholder:"Mobile Widget Name",value:k,onChange:a=>l(a.target.value),className:"w-full px-4 py-2 bg-background border border-border rounded-xl focus:ring-2 focus:ring-primary outline-none text-sm"}),(0,b.jsx)("input",{placeholder:"Tablet Widget Name",value:m,onChange:a=>n(a.target.value),className:"w-full px-4 py-2 bg-background border border-border rounded-xl focus:ring-2 focus:ring-primary outline-none text-sm"}),(0,b.jsx)("input",{placeholder:"Desktop Widget Name",value:o,onChange:a=>p(a.target.value),className:"w-full px-4 py-2 bg-background border border-border rounded-xl focus:ring-2 focus:ring-primary outline-none text-sm"})]})]}),(0,b.jsxs)("div",{className:"pt-8 bg-secondary/10- border-t border-border",children:[(0,b.jsx)("span",{className:"text-xs text-muted-foreground uppercase tracking-widest block mb-6 text-center",children:"Visual Guide"}),(0,b.jsxs)("div",{className:"h-24 w-full rounded-2xl border-2 border-dashed border-border flex relative overflow-hidden",children:[(0,b.jsx)("div",{className:"flex flex-col items-center justify-center bg-primary/10 border-r border-border shrink-0",style:{width:`${a/1400*100}%`},children:(0,b.jsx)("span",{className:"text-[10px] font-bold text-primary",children:"MOBILE"})}),(0,b.jsx)("div",{className:"flex flex-col items-center justify-center bg-accent/5 border-r border-border shrink-0",style:{width:`${(g-a)/1400*100}%`},children:(0,b.jsx)("span",{className:"text-[10px] font-bold text-accent",children:"TABLET"})}),(0,b.jsx)("div",{className:"flex-1 flex flex-col items-center justify-center bg-muted/5",children:(0,b.jsx)("span",{className:"text-[10px] font-bold text-muted-foreground",children:"DESKTOP"})})]})]})]}),output:(0,b.jsx)(e.CodeOutput,{code:t})})}a.s(["default",()=>f])}];

//# sourceMappingURL=_55fc9147._.js.map