import{R as p}from"./DThBoNQI.js";import{f as q,g as D,c as w,o as t,d as T,j as s,t as O,b as y}from"./tXL-a5uR.js";const F={"data-test-id":"s-social-media-card__root",class:"s-social-media-card bg-theme-background-light flex flex-wrap items-center justify-between gap-4 p-4 lg:flex-nowrap"},G={class:"s-social-media-card__details flex flex-col space-y-2"},I={"data-test-id":"s-social-media-card__avatar-image",class:"s-text-paragraph text-theme-safe-light"},J=["innerHTML"],K={key:0,class:"s-social-media-card__accounts flex flex-wrap items-center gap-x-2 gap-y-1 lg:flex-nowrap","data-test-id":"s-social-media-card__accounts"},U=q({__name:"SSocialMediaCard",props:{userAccount:{type:Object,required:!0},linkEl:{type:String,default:"s-nav-link"}},setup(a){const e=a,V=D(()=>{var b,x,c,l,r,u,n,o,i,m,d,f,k,g,A,h;return!!(e!=null&&e.userAccount&&((x=(b=e==null?void 0:e.userAccount)==null?void 0:b.twitter)!=null&&x.username&&((l=(c=e==null?void 0:e.userAccount)==null?void 0:c.twitter)!=null&&l.link)||(u=(r=e==null?void 0:e.userAccount)==null?void 0:r.instagram)!=null&&u.username&&((o=(n=e==null?void 0:e.userAccount)==null?void 0:n.instagram)!=null&&o.link)||(m=(i=e==null?void 0:e.userAccount)==null?void 0:i.facebook)!=null&&m.username&&((f=(d=e==null?void 0:e.userAccount)==null?void 0:d.facebook)!=null&&f.link)||(g=(k=e==null?void 0:e.userAccount)==null?void 0:k.youtube)!=null&&g.username&&((h=(A=e==null?void 0:e.userAccount)==null?void 0:A.youtube)!=null&&h.link)))});return(b,x)=>{var c,l,r,u,n,o,i,m,d,f,k,g,A,h,_,v,C,E,z,B,S,j,M,H,L,N,R;return t(),w("div",F,[T("div",G,[T("div",I,O((c=a.userAccount)==null?void 0:c.name),1),(l=a.userAccount)!=null&&l.title?(t(),w("div",{key:0,class:"text-theme-muted-light s-text-paragraph-small",innerHTML:(r=a.userAccount)==null?void 0:r.title},null,8,J)):s("",!0)]),V.value?(t(),w("div",K,[(n=(u=a.userAccount)==null?void 0:u.twitter)!=null&&n.username&&((i=(o=a.userAccount)==null?void 0:o.twitter)!=null&&i.link)?(t(),y(p,{key:0,class:"my-1",size:"small",theme:"full-color",socialChannel:"twitter",tag:a.linkEl,href:(d=(m=a.userAccount)==null?void 0:m.twitter)==null?void 0:d.link},null,8,["tag","href"])):s("",!0),(k=(f=a.userAccount)==null?void 0:f.facebook)!=null&&k.username&&((A=(g=a.userAccount)==null?void 0:g.facebook)!=null&&A.link)?(t(),y(p,{key:1,class:"my-1",size:"small",theme:"full-color",socialChannel:"facebook",tag:a.linkEl,href:(_=(h=a.userAccount)==null?void 0:h.facebook)==null?void 0:_.link},null,8,["tag","href"])):s("",!0),(C=(v=a.userAccount)==null?void 0:v.instagram)!=null&&C.username&&((z=(E=a.userAccount)==null?void 0:E.instagram)!=null&&z.link)?(t(),y(p,{key:2,class:"my-1",size:"small",theme:"full-color",socialChannel:"instagram",tag:a.linkEl,href:(S=(B=a.userAccount)==null?void 0:B.instagram)==null?void 0:S.link},null,8,["tag","href"])):s("",!0),(M=(j=a.userAccount)==null?void 0:j.youtube)!=null&&M.username&&((L=(H=a.userAccount)==null?void 0:H.youtube)!=null&&L.link)?(t(),y(p,{key:3,class:"my-1",size:"small",theme:"full-color",socialChannel:"youtube",tag:a.linkEl,href:(R=(N=a.userAccount)==null?void 0:N.youtube)==null?void 0:R.link},null,8,["tag","href"])):s("",!0)])):s("",!0)])}}});export{U as default};

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