(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])},44265,e=>{"use strict";var r=e.i(43476),t=e.i(71645),s=e.i(38149),a=e.i(74837);function d(){let[e,d]=(0,t.useState)(!0),[o,c]=(0,t.useState)(!0),[i,l]=(0,t.useState)(!0),[n,x]=(0,t.useState)(!0),u=`SafeArea(
  top: ${e},
  bottom: ${o},
  left: ${i},
  right: ${n},
  child: const YourWidget(),
)`;return(0,r.jsx)(s.ToolLayout,{title:"Flutter SafeArea Generator",description:"Avoid notches, status bars, and home indicators by configuring the SafeArea widget.",controls:(0,r.jsxs)("div",{className:"space-y-6",children:[(0,r.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,r.jsxs)("label",{className:"flex items-center gap-2 p-4 bg-secondary/50 rounded-xl cursor-pointer hover:bg-secondary transition-colors",children:[(0,r.jsx)("input",{type:"checkbox",checked:e,onChange:e=>d(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",children:"Top"})]}),(0,r.jsxs)("label",{className:"flex items-center gap-2 p-4 bg-secondary/50 rounded-xl cursor-pointer hover:bg-secondary transition-colors",children:[(0,r.jsx)("input",{type:"checkbox",checked:o,onChange:e=>c(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",children:"Bottom"})]}),(0,r.jsxs)("label",{className:"flex items-center gap-2 p-4 bg-secondary/50 rounded-xl cursor-pointer hover:bg-secondary transition-colors",children:[(0,r.jsx)("input",{type:"checkbox",checked:i,onChange:e=>l(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",children:"Left"})]}),(0,r.jsxs)("label",{className:"flex items-center gap-2 p-4 bg-secondary/50 rounded-xl cursor-pointer hover:bg-secondary transition-colors",children:[(0,r.jsx)("input",{type:"checkbox",checked:n,onChange:e=>x(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",children:"Right"})]})]}),(0,r.jsxs)("div",{className:"pt-8 border-t border-border flex flex-col items-center",children:[(0,r.jsx)("span",{className:"text-xs text-muted-foreground uppercase tracking-widest block mb-10",children:"Conceptual Preview"}),(0,r.jsxs)("div",{className:"relative w-48 h-80 bg-slate-800 rounded-[40px] border-8 border-slate-900 shadow-2xl overflow-hidden p-2",children:[(0,r.jsx)("div",{className:"absolute top-0 left-1/2 -translate-x-1/2 w-24 h-6 bg-slate-900 rounded-b-2xl z-20"}),e&&(0,r.jsx)("div",{className:"absolute top-0 left-0 right-0 h-8 bg-red-500/20 border-b border-red-500/30 z-10"}),o&&(0,r.jsx)("div",{className:"absolute bottom-0 left-0 right-0 h-10 bg-red-500/20 border-t border-red-500/30 z-10 text-center text-[8px] text-red-500 pt-1",children:"SAFE ZONE"}),i&&(0,r.jsx)("div",{className:"absolute top-0 bottom-0 left-0 w-4 bg-red-500/20 border-r border-red-500/30 z-10"}),n&&(0,r.jsx)("div",{className:"absolute top-0 bottom-0 right-0 w-4 bg-red-500/20 border-l border-red-500/30 z-10"}),(0,r.jsx)("div",{className:"w-full h-full bg-slate-100 dark:bg-slate-900 rounded-[32px] flex items-center justify-center",children:(0,r.jsx)("div",{className:"w-20 h-20 bg-primary/20 rounded-2xl flex items-center justify-center border-2 border-primary/30",children:(0,r.jsx)("span",{className:"text-xs font-bold text-primary",children:"CHILD"})})})]}),(0,r.jsx)("p",{className:"mt-4 text-[10px] text-muted-foreground text-center max-w-xs",children:"Red areas represent the padding applied by SafeArea to avoid system UI."})]})]}),output:(0,r.jsx)(a.CodeOutput,{code:u})})}e.s(["default",()=>d])}]);