<template>
    <view class="van-panel van-hairline--top-bottom custom-class">
        <van-cell v-if="title || desc || status" :title="title" :label="desc" :value="status" custom-class="header-class" value-class="van-panel__header-value" />
        <slot v-else name="header" />

        <view class="van-panel__content">
            <slot />
        </view>

        <view v-if="useFooterSlot" class="van-panel__footer van-hairline--top footer-class">
            <slot name="footer" />
        </view>
    </view>
</template>

<script>
import { VantComponent } from '../common/component';
export default {
    data() {
        return {};
    },
    classes: ['header-class', 'footer-class'],
    props: {
        desc: String,
        title: String,
        status: String,
        useFooterSlot: Boolean
    }
};
</script>
<style>
@import './index.css';
</style>
