1import{a1 as S,L as n,d as l,bo as s,bN as c,bm as u,b9 as e,I as k,cy as d,Z as m,H as B,i as x,aZ as I}from"./C3392HEM.js";import{_ as P}from"./egWwQkZ3.js";import{_ as O}from"./BaHkL4gF.js";const C={class:"grid grid-cols-3 gap-4 items-center"},q=S({__name:"StyleguideButtons",setup(w){const y=["lg","md","sm"],p=u(["default","loading","disabled"]),_=u([{title:"Primary (Primary - Solid)",type:"primary",theme:"light"},{title:"Secondary (Secondary - Solid)",type:"secondary",theme:"light"},{title:"Tertiary (Info - Solid)",type:"tertiary",theme:"light"},{title:"Icon (Primary - Solid - Square)",type:"icon",color:"primary",iconOnly:!0,theme:"light"},{title:"Icon Outline (Primary - Ghost - Square)",type:"ghost",color:"primary",iconOnly:!0,theme:"light"},{title:"Text & Icon (Primary - Link)",type:"link",color:"primary",theme:"light"}]);function g(t,r){return t.iconOnly?{type:t.type,color:t.color,size:r,icon:"ph:plus-bold",link:"#"}:{label:"Button CTA",type:t.type,color:t.color,size:r,leadingIcon:"ph:arrow-left",trailingIcon:"ph:arrow-right",link:"#"}}return(t,r)=>{const h=x,b=P,f=O;return e(),n("div",null,[(e(!0),n(l,null,s(c(_),o=>(e(),k(f,{key:o.title,class:I(o.theme),title:o.title,"theme-toggle":""},{default:d(()=>[m(b,{class:"flex justify-center gap-16"},{default:d(()=>[B("div",C,[(e(!0),n(l,null,s(c(p),i=>(e(),n(l,{key:i},[(e(),n(l,null,s(y,a=>m(h,{key:a,button:g(o,a),disabled:i==="disabled",loading:i==="loading",square:o.iconOnly},null,8,["button","disabled","loading","square"])),64))],64))),128))])]),_:2},1024)]),_:2},1032,["class","title"]))),128))])}}}),V=Object.assign(q,{__name:"StyleguideButtons"});export{V as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.