<wxs module="utils" src="../wxs/utils.wxs"/>

<view class="van-collapse-item custom-class {{ index !== 0 && parentBorder ? 'van-hairline--top' : '' }}">
    <van-cell
            bind:click="onClick"
            border="{{ border && expanded }}"
            class="{{ utils.bem('collapse-item__title', { disabled, expanded }) }}"
            clickable="{{ clickable }}"
            custom-class="van-cell"
            hover-class="van-cell--hover"
            icon="{{ icon }}"
            is-link="{{ isLink }}"
            label="{{ label }}"
            right-icon-class="van-cell__right-icon"
            size="{{ size }}"
            title="{{ title }}"
            title-class="title-class"
            value="{{ value }}"
    >
        <slot
                slot="title"
                name="title"
        />
        <slot
                slot="icon"
                name="icon"
        />
        <slot name="value"/>
        <slot
                slot="right-icon"
                name="right-icon"
        />
    </van-cell>
    <view
            animation="{{ animation }}"
            class="{{ utils.bem('collapse-item__wrapper') }}"
            style="height: 0;"
    >
        <view
                class="van-collapse-item__content content-class"
        >
            <slot/>
        </view>
    </view>
</view>
