<script setup>

defineProps({
    bgColor: {
        type: String,
        default: 'transparent'
    },
    title: {
        type: String,
        default: ''
    },
    headBgColor: {
        type: String,
        default: 'transparent'
    },
    paddingTop: {
        type: Number,
        default: 0
    },
    showCustomer: {
        type: Boolean,
        default: true
    }
})
</script>
<template>
    <common-layout :bgColor="bgColor" :show-customer="showCustomer">
        <mobile-sub-header :title="title" :headBgColor="headBgColor">
            <template #right>
                <slot name="head-right"></slot>
            </template>
        </mobile-sub-header>
        <view :style="{ paddingTop: paddingTop + 'px' }">
            <slot></slot>
        </view>
    </common-layout>
</template>