import{f as u,g as a,b as s,o as i,w as f,d as l,K as _,n as r,j as n,t as b,m as k,u as y,x as C}from"./BVo-4L0X.js";import{z as h,D as v,cv as S,Z as c}from"./CfjfYOu4.js";const D=["aria-label"],z="s-descriptor",N=u({__name:"SDescriptor",props:{...h(),iconLeft:{type:String},iconRight:{type:String},text:{type:String,default:"Descriptor"},ariaLabel:{type:String,default:null},link:{type:String},bgColor:String},emits:["click"],setup(e,{emit:p}){const t=e,d=p,{themeClasses:m}=v(t,z),x=()=>{d("click")},g=a(()=>t.bgColor?S(t.bgColor)>=128?"text-black":"text-white":""),o=a(()=>t.bgColor?`background-color: ${t.bgColor}`:"");return(L,w)=>(i(),s(C(e.link?"a":"div"),{"data-test-id":"s-descriptor__root",href:e.link,class:r(["s-descriptor inline-flex items-center rounded-[100px] font-bold",[y(m),{"s-descriptor--link":e.link}]]),onClick:k(x,["prevent"])},{default:f(()=>[l("div",{class:r(["s-descriptor__inner inline-flex items-center rounded-[100px] px-[16px] py-[8px]",{"hover:bg-current":o.value}]),style:_(o.value),"aria-label":e.ariaLabel},[e.iconLeft?(i(),s(c,{key:0,class:"s-descriptor__icon s-descriptor__icon--left mr-[9px] leading-[18px]",name:e.iconLeft,size:"x-small"},null,8,["name"])):n("",!0),l("span",{"data-test-id":"s-descriptor__text",class:r(["s-descriptor__text s-text-small-bold",g.value])},b(e.text),3),e.iconRight?(i(),s(c,{key:1,class:"s-descriptor__icon s-descriptor__icon--right ml-[9px] leading-[18px]",name:e.iconRight,size:"x-small"},null,8,["name"])):n("",!0)],14,D)]),_:1},8,["href","class"]))}});export{N as default};

AltStyle によって変換されたページ (->オリジナル) /