Atomcms-edit/frontend/.next/static/chunks/0tmd0wvtp.7gn.js

(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,27951,e=>{"use strict";var l=e.i(43476),a=e.i(71645),t=e.i(57688),s=e.i(88589),r=e.i(13642);e.s(["default",0,function(){let[e,n]=(0,a.useState)("hr-893-45.hd-180-14.ch-210-30.lg-270-75.sh-290-75"),[i,d]=(0,a.useState)(2),[o,c]=(0,a.useState)(!1),[x,u]=(0,a.useState)("l"),[m,g]=(0,a.useState)("std"),[b,h]=(0,a.useState)("std"),p=`https://epicnabbo.nl/imaging/?figure=${e}&direction=${i}&headonly=${+!!o}&size=${x}&action=${m}&gesture=${b}`;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.default,{}),(0,l.jsx)("main",{className:"bg-background min-h-screen",children:(0,l.jsxs)("div",{className:"max-w-4xl mx-auto p-4 lg:p-6",children:[(0,l.jsx)("div",{className:"bg-surface rounded-lg shadow-card p-4 md:p-6 mb-6",children:(0,l.jsxs)("div",{className:"flex items-center gap-4",children:[(0,l.jsx)("div",{className:"w-12 h-12 rounded-full bg-primary flex items-center justify-center",children:(0,l.jsx)("svg",{className:"w-6 h-6 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,l.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"})})}),(0,l.jsxs)("div",{children:[(0,l.jsx)("h1",{className:"text-2xl md:text-3xl font-bold text-text-main",children:"Badge Tekenen"}),(0,l.jsx)("p",{className:"text-text-muted",children:"Maak je eigen avatar afbeelding voor badges of profiel"})]})]})}),(0,l.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[(0,l.jsxs)("div",{className:"bg-surface rounded-lg shadow-card p-6",children:[(0,l.jsx)("h2",{className:"text-lg font-semibold text-text-main mb-4",children:"Voorbeeld"}),(0,l.jsx)("div",{className:"bg-background rounded-lg p-8 flex items-center justify-center min-h-[200px]",children:(0,l.jsx)(t.default,{src:p,alt:"Avatar preview",width:120,height:180,className:"object-contain"})})]}),(0,l.jsxs)("div",{className:"bg-surface rounded-lg shadow-card p-6",children:[(0,l.jsx)("h2",{className:"text-lg font-semibold text-text-main mb-4",children:"Instellingen"}),(0,l.jsxs)("div",{className:"space-y-4",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{className:"block text-sm font-medium text-text-main mb-1",children:"Figure String"}),(0,l.jsx)("input",{type:"text",value:e,onChange:e=>n(e.target.value),className:"w-full px-3 py-2 rounded-lg border border-input-border bg-background text-text-main text-sm focus:outline-none focus:ring-2 focus:ring-primary",placeholder:"hr-893-45.hd-180-14..."})]}),(0,l.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{className:"block text-sm font-medium text-text-main mb-1",children:"Richting"}),(0,l.jsxs)("select",{value:i,onChange:e=>d(Number(e.target.value)),className:"w-full px-3 py-2 rounded-lg border border-input-border bg-background text-text-main text-sm focus:outline-none focus:ring-2 focus:ring-primary",children:[(0,l.jsx)("option",{value:2,children:"Links"}),(0,l.jsx)("option",{value:4,children:"Rechts"})]})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{className:"block text-sm font-medium text-text-main mb-1",children:"Grootte"}),(0,l.jsxs)("select",{value:x,onChange:e=>u(e.target.value),className:"w-full px-3 py-2 rounded-lg border border-input-border bg-background text-text-main text-sm focus:outline-none focus:ring-2 focus:ring-primary",children:[(0,l.jsx)("option",{value:"s",children:"Klein"}),(0,l.jsx)("option",{value:"l",children:"Groot"})]})]})]}),(0,l.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{className:"block text-sm font-medium text-text-main mb-1",children:"Actie"}),(0,l.jsx)("select",{value:m,onChange:e=>g(e.target.value),className:"w-full px-3 py-2 rounded-lg border border-input-border bg-background text-text-main text-sm focus:outline-none focus:ring-2 focus:ring-primary",children:[{value:"std",label:"Standaard"},{value:"wav",label:"Zwaaien"},{value:"drk",label:"Drinken"},{value:"eat",label:"Eten"},{value:"spk",label:"Praten"}].map(e=>(0,l.jsx)("option",{value:e.value,children:e.label},e.value))})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{className:"block text-sm font-medium text-text-main mb-1",children:"Gebaar"}),(0,l.jsx)("select",{value:b,onChange:e=>h(e.target.value),className:"w-full px-3 py-2 rounded-lg border border-input-border bg-background text-text-main text-sm focus:outline-none focus:ring-2 focus:ring-primary",children:[{value:"std",label:"Geen"},{value:"sml",label:"Glimlach"},{value:"spk",label:"Praten"},{value:"eyb",label:"Knipoog"},{value:"sad",label:"Verdrietig"},{value:"agr",label:"Boos"},{value:"sur",label:"Verrast"}].map(e=>(0,l.jsx)("option",{value:e.value,children:e.label},e.value))})]})]}),(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("input",{type:"checkbox",id:"headOnly",checked:o,onChange:e=>c(e.target.checked),className:"w-4 h-4 text-primary rounded border-input-border focus:ring-primary"}),(0,l.jsx)("label",{htmlFor:"headOnly",className:"text-sm text-text-main",children:"Alleen hoofd"})]})]})]})]}),(0,l.jsxs)("div",{className:"bg-surface rounded-lg shadow-card p-4 md:p-6 mt-6",children:[(0,l.jsx)("h3",{className:"text-lg font-semibold text-text-main mb-2",children:"URL van de afbeelding"}),(0,l.jsxs)("div",{className:"flex gap-2",children:[(0,l.jsx)("code",{className:"flex-1 px-3 py-2 rounded-lg bg-background text-sm text-text-main break-all",children:p}),(0,l.jsx)("button",{onClick:()=>navigator.clipboard.writeText(p),className:"px-4 py-2 rounded-lg bg-primary text-text-main font-semibold text-sm hover:bg-primary-hover transition-colors flex-shrink-0",children:"Kopiëren"})]})]})]})}),(0,l.jsx)(r.default,{})]})}])}]);