<template>
  <div :class="`${prefixCls}__layout-card`">
    <header>
      <slot name="header"> </slot>
    </header>
    <main>
      <slot></slot>
    </main>
    <footer>
      <slot name="footer"></slot>
    </footer>
  </div>
</template>

<script setup lang="ts" name="LjLayoutCard">
import { useDesign } from "@/hooks/useDesign";

const { prefixCls } = useDesign("layout-card");
</script>
