<template>
  <view class="card">
    <lineTitle v-if="isShowTitle" :isShowLine="isShowLine" :title="title" />
    <slot />
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import lineTitle from './lineTitle.vue';
defineProps({
  title: {
    type: String,
    default: '',
  },
  isShowTitle: {
    type: Boolean,
    default: true,
  },
  isShowLine: {
    type: Boolean,
    default: true,
  },
});
</script>

<style lang="scss">
.card {
  background-color: #fff;
  border-radius: 10px;
  padding: 6px 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 16px;
  font-size: 14px;
}
</style>
