<template>
    <view
        :class="'custom-class ' + utils.bem('divider', [{ dashed, hairline }, contentPosition])"
        :style="
            (borderColor ? 'border-color: ' + borderColor + ';' : '') +
            (textColor ? 'color: ' + textColor + ';' : '') +
            ' ' +
            (fontSize ? 'font-size: ' + fontSize + 'px;' : '') +
            ' ' +
            customStyle
        "
    >
        <slot />
    </view>
</template>
<script module="utils" lang="wxs" src="@/node_modules/@vant/weapp/dist/wxs/utils.wxs"></script>
<script>
import { VantComponent } from '../common/component';
export default {
    data() {
        return {};
    },
    props: {
        dashed: {
            type: Boolean,
            default: false
        },
        hairline: {
            type: Boolean,
            default: false
        },
        contentPosition: {
            type: String,
            default: ''
        },
        fontSize: {
            type: Number,
            default: ''
        },
        borderColor: {
            type: String,
            default: ''
        },
        textColor: {
            type: String,
            default: ''
        },
        customStyle: {
            type: String,
            default: ''
        }
    }
};
</script>
<style>
@import './index.css';
</style>
