import{_ as d}from"./BXuXn_5k.js";import{_}from"./BQGlrryy.js";import{f as p,r as u,o as s,c as m,a as t,b as a,n as f,l as v,w as h,q as r,J as g}from"./Cx8pZeM5.js";const b={class:"p-2 md:p-4 bg-gray-800 rounded-md relative"},x={class:"absolute top-0 left-0 h-full opacity-10"},k=t("div",{class:"absolute bottom-0 left-0 h-full aspect-square bg-gradient-to-r from-transparent via-gray-800/85 to-gray-800"},null,-1),w={class:"flex items-center gap-4 z-20 relative"},y={class:"relative"},C={class:"w-full"},D=p({__name:"cardHorizontal",props:{name:{},cover:{},to:{},icon:{},iconColor:{}},setup(l){const e=l;return(c,q)=>{const o=d,n=_,i=u("ripple");return s(),m("div",b,[t("div",x,[a(o,{src:e.cover,alt:e.name,class:"rounded-l-md h-full aspect-square"},null,8,["src","alt"]),k]),t("figure",w,[t("div",y,[f((s(),v(n,{to:e.to,class:"block rounded-md"},{default:h(()=>[a(o,{src:e.cover,alt:e.name,class:"rounded-md aspect-square w-15"},null,8,["src","alt"])]),_:1},8,["to"])),[[i]]),t("div",{class:r(["p-1 text-xl aspect-square rounded-full flex-center absolute -top-1 -right-1 md:-top-2 md:-right-2 shadow-xl backdrop-blur",e.iconColor?e.iconColor:"text-gray-500 bg-gray-700"])},[t("i",{class:r(e.icon)},null,2)],2)]),t("div",C,[g(c.$slots,"default")])])])}}});export{D as _};