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)},22377,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)(!0),k=`class ResponsiveLayout extends StatelessWidget {
  final Widget mobile;
  final Widget? tablet;
  final Widget desktop;

  const ResponsiveLayout({
    Key? key,
    required this.mobile,
    this.tablet,
    required this.desktop,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return LayoutBuilder(
      builder: (context, constraints) {
        ${i?"final bool isLandscape = constraints.maxWidth > constraints.maxHeight;":""}
        
        if (constraints.maxWidth >= ${g}) {
          return desktop;
        }
        
        if (constraints.maxWidth >= ${a}) {
          return tablet ?? mobile;
        }
        
        return mobile;
      },
    );
  }
}

// Usage:
// ResponsiveLayout(
//   mobile: MobileView(),
//   tablet: TabletView(),
//   desktop: DesktopView(),
// )`;return(0,b.jsx)(d.ToolLayout,{title:"Responsive Layout Pro",description:"Generate production-ready responsive wrappers with orientation support and optimized LayoutBuilder logic.",controls:(0,b.jsxs)("div",{className:"space-y-6",children:[(0,b.jsxs)("div",{className:"grid grid-cols-2 gap-4",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)("label",{className:"flex items-center gap-2 cursor-pointer group p-4 bg-secondary/30 rounded-xl border border-border",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.jsxs)("div",{className:"flex-1",children:[(0,b.jsx)("span",{className:"text-sm font-bold text-muted-foreground group-hover:text-foreground block",children:"Detect Orientation"}),(0,b.jsx)("span",{className:"text-[10px] text-muted-foreground",children:"Adds logic to check if device is in landscape mode."})]})]}),(0,b.jsxs)("div",{className:"pt-8 border-t border-border flex flex-col items-center",children:[(0,b.jsx)("span",{className:"text-xs text-muted-foreground uppercase tracking-widest block mb-10 text-center",children:"Visual Breakpoints"}),(0,b.jsxs)("div",{className:"h-40 w-full rounded-2xl border-2 border-dashed border-border flex relative overflow-hidden bg-slate-100 dark:bg-slate-900",children:[(0,b.jsx)("div",{className:"flex flex-col items-center justify-center bg-blue-500/10 border-r border-border shrink-0",style:{width:"20%"},children:(0,b.jsx)("span",{className:"text-[9px] font-bold text-blue-500",children:"MOBILE"})}),(0,b.jsx)("div",{className:"flex flex-col items-center justify-center bg-purple-500/10 border-r border-border shrink-0",style:{width:"40%"},children:(0,b.jsx)("span",{className:"text-[9px] font-bold text-purple-500",children:"TABLET"})}),(0,b.jsx)("div",{className:"flex-1 flex flex-col items-center justify-center bg-green-500/10",children:(0,b.jsx)("span",{className:"text-[9px] font-bold text-green-500",children:"DESKTOP"})})]})]})]}),output:(0,b.jsx)(e.CodeOutput,{code:k})})}a.s(["default",()=>f])}];

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