<template>
<uni-shadow-root class="vant-cell-group-index"><view v-if="title" :class="utils.bem('cell-group__title', { inset })">
  {{ title }}
</view>
<view :class="'custom-class '+(utils.bem('cell-group', { inset }))+' '+(border ? 'van-hairline--top-bottom' : '')">
  <slot></slot>
</view></uni-shadow-root>
</template>
<wxs src="../wxs/utils.wxs" module="utils"></wxs>
<script>

global['__wxRoute'] = 'vant/cell-group/index'
import { VantComponent } from '../common/component';
VantComponent({
  props: {
    title: String,
    border: {
      type: Boolean,
      value: true,
    },
    inset: Boolean,
  },
});
export default global['__wxComponents']['vant/cell-group/index']
</script>
<style platform="mp-weixin">
@import '../common/index.css';

.van-cell-group--inset {
  margin: 0 32rpx;
  margin: var(--cell-group-inset-padding,0 32rpx);
  border-radius: 16rpx;
  border-radius: var(--cell-group-inset-border-radius,16rpx);
  overflow: hidden;
}

.van-cell-group__title {
  padding: 32rpx 32rpx 16rpx;
  padding: var(--cell-group-title-padding,32rpx 32rpx 16rpx);
  font-size: 28rpx;
  font-size: var(--cell-group-title-font-size,28rpx);
  line-height: 32rpx;
  line-height: var(--cell-group-title-line-height,32rpx);
  color: #969799;
  color: var(--cell-group-title-color,#969799);
}

.van-cell-group__title--inset {
  padding: 32rpx 32rpx 16rpx 64rpx;
  padding: var(--cell-group-inset-title-padding,32rpx 32rpx 16rpx 64rpx);
}
</style>