<script lang="ts" setup>
interface Props {
  hover?: boolean
  padding?: string
}

withDefaults(defineProps<Props>(), {
  hover: true,
  padding: '24px',
})
</script>

<template>
  <div
    class="glass-card"
    :class="{ 'feature-card-hover': hover }"
    :style="{ padding }"
  >
    <slot />
  </div>
</template>
