import{jsxs as a,jsx as e}from"react/jsx-runtime";import{I as d}from"./input-qMvM9qch.js";import{L as i}from"./label-DMnntKPk.js";import{C as o,b as h,c as u,d as g,a as v}from"./card-Zg0WOx-j.js";import{S as x,a as S,b as N,c as y,d as C,e as f,f as m}from"./select-DfhewM4T.js";import{Settings2 as k}from"lucide-react";import"./utils-CMbmcP35.js";import"clsx";import"tailwind-merge";import"@radix-ui/react-label";import"@radix-ui/react-select";function H({formData:l,onFormDataChange:r,masks:n,errors:c}){return a(o,{children:[a(h,{children:[a("div",{className:"flex items-center gap-2",children:[e(k,{className:"h-5 w-5 text-muted-foreground"}),e(u,{className:"text-lg",children:"Advanced Settings"})]}),e(g,{children:"Technical item configuration"})]}),e(v,{children:a("div",{className:"grid gap-4 sm:grid-cols-2",children:[a("div",{className:"grid gap-2",children:[e(i,{htmlFor:"mask",children:"Mask"}),a(x,{value:l.mask,onValueChange:t=>r({...l,mask:t}),children:[e(S,{id:"mask",children:e(N,{placeholder:"Select mask"})}),e(y,{className:"max-h-[300px]",children:n.map((t,p)=>"options"in t&&t.options?a(C,{children:[e(f,{children:t.label}),t.options.map(s=>e(m,{value:String(s.value),children:s.label},s.value))]},p):e(m,{value:String(t.value),children:t.label},t.value))})]}),c.mask&&e("p",{className:"text-sm text-destructive",children:c.mask})]}),a("div",{className:"grid gap-2",children:[e(i,{htmlFor:"proctype",children:"Proctype"}),e(d,{id:"proctype",type:"number",value:l.proctype,onChange:t=>r({...l,proctype:t.target.value}),placeholder:"Process type"}),c.proctype&&e("p",{className:"text-sm text-destructive",children:c.proctype})]}),a("div",{className:"grid gap-2 sm:col-span-2",children:[e(i,{htmlFor:"octet",children:"Octet Data"}),e(d,{id:"octet",value:l.octet,onChange:t=>r({...l,octet:t.target.value}),placeholder:"Item octet data (optional)",className:"font-mono text-sm"}),c.octet&&e("p",{className:"text-sm text-destructive",children:c.octet})]})]})})]})}export{H as AdvancedSettingsForm};
