AK Card

1<script setup lang="ts">
2import type { AkCardVariant } from './types'
3 
4import '@yunyoujun/ak-ui'
5 
6withDefaults(defineProps<{
7  as?: string
8  variant?: AkCardVariant
9}>(), {
10  as: 'div',
11  variant: 'default',
12})
13</script>
14 
15<template>
16  <component
17    :is="as"
18    data-slot="ak-card"
19    :data-variant="variant"
20    :class="[
21      'ak-card',
22      variant !== 'default' && `ak-card--${variant}`,
23    ]"
24  >
25    <slot />
26  </component>
27</template>