<script setup>
import { computed } from 'vue';

const props = defineProps({
  className: {
    type: String,
    default: '',
  }
});

const footerClasses = computed(() => [
  'flex',
  'items-center',
  'p-6',
  'pt-0',
  props.className,
].filter(Boolean));
</script>

<template>
  <div :class="footerClasses">
    <slot />
  </div>
</template>