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)},61520,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)(`{
  "name": "Primary Button",
  "type": "RECTANGLE",
  "fills": [{ "type": "SOLID", "color": { "r": 0.0078, "g": 0.5176, "b": 0.7803 } }],
  "cornerRadius": 12,
  "absoluteBoundingBox": { "width": 200, "height": 50 }
}`);return(0,b.jsx)(d.ToolLayout,{title:"Figma to Flutter UI",description:"Paste exported Figma Node JSON (from plugins like 'Figma to JSON') and get immediate Flutter widget code.",controls:(0,b.jsxs)("div",{className:"space-y-6",children:[(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsx)("label",{className:"text-sm font-medium text-muted-foreground",children:"Figma Node JSON"}),(0,b.jsx)("textarea",{value:a,onChange:a=>f(a.target.value),className:"w-full h-80 px-4 py-3 bg-slate-900 border border-border rounded-xl font-mono text-xs text-purple-400 focus:ring-2 focus:ring-primary outline-none transition-all resize-none",placeholder:"Paste Figma Node JSON here..."})]}),(0,b.jsx)("div",{className:"p-4 bg-purple-500/5 border border-purple-500/20 rounded-xl",children:(0,b.jsxs)("p",{className:"text-[10px] text-muted-foreground leading-relaxed",children:[(0,b.jsx)("strong",{className:"text-purple-500",children:"How to use:"})," Use a Figma plugin like 'Figma to JSON' to export raw node data, then paste it here. We'll extract colors, radii, and dimensions."]})})]}),output:(0,b.jsx)(e.CodeOutput,{code:(a=>{try{let b=JSON.parse(a),c=b.fills?.[0]?.color?`Color(0xFF${Math.round(255*b.fills[0].color.r).toString(16).padStart(2,"0")}${Math.round(255*b.fills[0].color.g).toString(16).padStart(2,"0")}${Math.round(255*b.fills[0].color.b).toString(16).padStart(2,"0")})`:"Colors.blue";return`Container(
  width: ${b.absoluteBoundingBox?.width??100},
  height: ${b.absoluteBoundingBox?.height??100},
  decoration: BoxDecoration(
    color: const ${c},
    borderRadius: BorderRadius.circular(${b.cornerRadius??0}),
  ),
  child: const Center(
    child: Text("${b.name??"Widget"}"),
  ),
)`}catch(a){return`// Error parsing Figma JSON: ${a.message}`}})(a)})})}a.s(["default",()=>f])}];

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