import{K as o,R as e,ay as n,h as l,I as a,aI as u,k as c,m as s,l as m}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const v={title:"UI/KeyValue",component:o,parameters:{layout:"centered"},tags:["autodocs"]},i=u(o,{"--kv-background-color":"#f5f5f5","--kv-border-color":"#ddd","--kv-hover-background-color":"#e8e8e8",borderRadius:"8px",boxShadow:"0 2px 4px rgba(0,0,0,0.05)",[`& ${m}`]:{fontFamily:"serif",fontStyle:"italic",color:"$blue1"},[`& ${s}`]:{fontWeight:"bold",color:"$green1"},[`& ${c}`]:{color:"$orange1"}}),t=[{key:"Turbo",value:"100x"},{key:"Turbo",value:"100x",icon:e.createElement(l,{name:a.heart}),onClick:()=>{alert("Clicked item with heart icon")}},{value:"99%",icon:e.createElement(l,{name:a.battery})},{key:"4,25 V",value:"99%",icon:e.createElement(l,{name:a.battery})},{key:"Just key"},{value:"Just value"},{key:e.createElement(e.Fragment,null,"Multi line",e.createElement("br",null),"key")},{value:e.createElement(e.Fragment,null,"Multi line",e.createElement("br",null),"value")}],k={args:{items:t,valueFirst:!0,cols:3}},b={args:{items:t,valueFirst:!1,cols:2}},f={args:{items:t,valueFirst:!1,cols:1}},g={render:r=>e.createElement(i,{items:t,valueFirst:!0,cols:2,...n(r,["ref","items"])})},S=["Default","TwoColumn","SingleColumn","CustomStyled"];export{g as CustomStyled,k as Default,f as SingleColumn,b as TwoColumn,S as __namedExportsOrder,v as default};
