import{jsxs as e,jsx as t}from"react/jsx-runtime";function d({items:r,totalPercentage:l}){return r.length===0?null:e("div",{className:"space-y-3",children:[e("div",{className:"flex items-center justify-between",children:[t("label",{className:"text-base font-medium",children:"Output Result"}),l>0&&e("span",{className:"inline-flex items-center rounded-md bg-primary px-2 py-1 text-xs font-semibold text-primary-foreground",children:["Total Drop Rate: ",l.toFixed(2),"%"]})]}),t("div",{className:"p-4 bg-muted rounded-lg overflow-auto max-h-96 border space-y-1",children:r.map((n,s)=>{const o=n.line.match(/^\^([0-9a-fA-F]{6})/),a=o?`#${o[1]}`:"#ffffff",c=n.line.replace(/^\^[0-9a-fA-F]{6}/,"");return t("div",{className:"font-mono text-sm",style:{color:a},children:c},s)})})]})}export{d as ColoredOutput};
