(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,38149,e=>{"use strict";var r=e.i(43476);function t({title:e,description:t,controls:s,output:a}){return(0,r.jsxs)("div",{className:"container mx-auto px-4 py-8 max-w-7xl",children:[(0,r.jsxs)("div",{className:"mb-8",children:[(0,r.jsx)("h1",{className:"text-3xl font-bold tracking-tight text-foreground mb-2",children:e}),(0,r.jsx)("p",{className:"text-muted-foreground",children:t})]}),(0,r.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8 items-start",children:[(0,r.jsx)("div",{className:"space-y-6",children:(0,r.jsx)("div",{className:"bg-card rounded-2xl border border-border p-6 shadow-sm",children:s})}),(0,r.jsx)("div",{className:"lg:sticky lg:top-24",children:(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsx)("h2",{className:"text-sm font-semibold text-muted-foreground uppercase tracking-wider px-1",children:"Generated Output"}),a]})})]})]})}e.s(["ToolLayout",()=>t])},74886,e=>{"use strict";let r=(0,e.i(75254).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"}]]);e.s(["Copy",()=>r],74886)},43531,e=>{"use strict";let r=(0,e.i(75254).default)("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]);e.s(["Check",()=>r],43531)},31067,e=>{"use strict";function r(){return(r=Object.assign.bind()).apply(null,arguments)}e.s(["default",()=>r])},70029,e=>{"use strict";var r=e.i(43476),t=e.i(71645),s=e.i(38149),a=e.i(74837);function o(){let[e,o]=(0,t.useState)(600),[d,n]=(0,t.useState)(1024),[l,i]=(0,t.useState)(!1),[c,u]=(0,t.useState)("MobileView"),[x,m]=(0,t.useState)("TabletView"),[p,b]=(0,t.useState)("DesktopView"),g=l?c:"MobileLayout",h=l?x:"TabletLayout",f=l?p:"DesktopLayout",y=`LayoutBuilder(
  builder: (context, constraints) {
    if (constraints.maxWidth < ${e}) {
      return const ${g}();
    } else if (constraints.maxWidth < ${d}) {
      return const ${h}();
    } else {
      return const ${f}();
    }
  },
)`;return(0,r.jsx)(s.ToolLayout,{title:"Flutter Responsive Layout",description:"Define your breakpoints and generate a robust Responsive LayoutBuilder widget.",controls:(0,r.jsxs)("div",{className:"space-y-8",children:[(0,r.jsxs)("div",{className:"grid grid-cols-2 gap-6",children:[(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)("label",{className:"text-sm font-medium text-muted-foreground",children:"Mobile Breakpoint"}),(0,r.jsx)("input",{type:"number",value:e,onChange:e=>o(parseInt(e.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,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)("label",{className:"text-sm font-medium text-muted-foreground",children:"Tablet Breakpoint"}),(0,r.jsx)("input",{type:"number",value:d,onChange:e=>n(parseInt(e.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,r.jsxs)("div",{className:"space-y-4 pt-4 border-t border-border",children:[(0,r.jsxs)("label",{className:"flex items-center gap-2 cursor-pointer group",children:[(0,r.jsx)("input",{type:"checkbox",checked:l,onChange:e=>i(e.target.checked),className:"w-4 h-4 rounded border-border text-primary focus:ring-primary bg-background"}),(0,r.jsx)("span",{className:"text-sm font-medium text-muted-foreground group-hover:text-foreground",children:"Use Custom Widget Names"})]}),l&&(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-4 animate-in fade-in slide-in-from-top-2 duration-300",children:[(0,r.jsx)("input",{placeholder:"Mobile Widget Name",value:c,onChange:e=>u(e.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,r.jsx)("input",{placeholder:"Tablet Widget Name",value:x,onChange:e=>m(e.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,r.jsx)("input",{placeholder:"Desktop Widget Name",value:p,onChange:e=>b(e.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,r.jsxs)("div",{className:"pt-8 bg-secondary/10- border-t border-border",children:[(0,r.jsx)("span",{className:"text-xs text-muted-foreground uppercase tracking-widest block mb-6 text-center",children:"Visual Guide"}),(0,r.jsxs)("div",{className:"h-24 w-full rounded-2xl border-2 border-dashed border-border flex relative overflow-hidden",children:[(0,r.jsx)("div",{className:"flex flex-col items-center justify-center bg-primary/10 border-r border-border shrink-0",style:{width:`${e/1400*100}%`},children:(0,r.jsx)("span",{className:"text-[10px] font-bold text-primary",children:"MOBILE"})}),(0,r.jsx)("div",{className:"flex flex-col items-center justify-center bg-accent/5 border-r border-border shrink-0",style:{width:`${(d-e)/1400*100}%`},children:(0,r.jsx)("span",{className:"text-[10px] font-bold text-accent",children:"TABLET"})}),(0,r.jsx)("div",{className:"flex-1 flex flex-col items-center justify-center bg-muted/5",children:(0,r.jsx)("span",{className:"text-[10px] font-bold text-muted-foreground",children:"DESKTOP"})})]})]})]}),output:(0,r.jsx)(a.CodeOutput,{code:y})})}e.s(["default",()=>o])}]);