import{c as v}from"./cn-2dOUpm6k.js";import{i as u,m as o,e as a,u as s,d as t,a as f,n,w as c,c as l}from"./index-DF5uCdwt.js";const b={key:0,class:"aspect-[16/9] relative overflow-hidden"},m={key:1,class:"px-[18px] pt-[18px]"},w={key:2,class:"flex gap-1.5 px-[18px] py-3 border-t border-[var(--wdot-border)]"},h={key:3,class:"px-[18px] pb-[18px]"},k=u({__name:"Card",props:{variant:{default:"default"},padding:{default:"md"},hoverable:{type:Boolean,default:!1}},setup(d){const r=d,i=l(()=>r.padding==="none"?"p-0":r.padding==="sm"?"p-3":r.padding==="lg"?"p-6":"p-[18px]"),p=l(()=>r.variant==="elevated"?"bg-[var(--wdot-bg)] border-0 shadow-[var(--wdot-shadow-md)]":(r.variant==="outlined","bg-[var(--wdot-bg)] border border-[var(--wdot-border)]"));return(e,g)=>(o(),a("div",{class:n(c(v)("rounded-[var(--wdot-radius-lg)] overflow-hidden transition-[box-shadow,transform] duration-[var(--wdot-dur-fast)] ease-[var(--wdot-ease)]",p.value,d.hoverable&&"hover:shadow-[var(--wdot-shadow-md)] hover:-translate-y-0.5 cursor-pointer"))},[e.$slots.image?(o(),a("div",b,[s(e.$slots,"image")])):t("",!0),e.$slots.header?(o(),a("div",m,[s(e.$slots,"header")])):t("",!0),f("div",{class:n(i.value)},[s(e.$slots,"default")],2),e.$slots.actions?(o(),a("div",w,[s(e.$slots,"actions")])):t("",!0),e.$slots.footer?(o(),a("div",h,[s(e.$slots,"footer")])):t("",!0)],2))}});export{k as _};
