<template>
    <view :class="'custom-class ' + utils.bem('divider', [{ dashed, hairline }, contentPosition])" :style="computed.rootStyle({ borderColor, textColor, fontSize, customStyle })">
        <slot />
    </view>
</template>
<script module="utils" lang="wxs" src="@/miniprogram_npm/@vant/weapp/wxs/utils.wxs"></script>
<script module="computed" lang="wxs" src="@/miniprogram_npm/@vant/weapp/divider/index.wxs"></script>
<script>
'use strict';
Object.defineProperty(exports, '__esModule', {
    value: true
});
var component_1 = require('../common/component');
export default {
    data() {
        return {};
    },
    props: {
        dashed: Boolean,
        hairline: Boolean,
        contentPosition: String,
        fontSize: String,
        borderColor: String,
        textColor: String,
        customStyle: String
    }
};
</script>
<style>
@import '../common/index.css';
.van-divider {
    align-items: center;
    border: 0 solid var(--divider-border-color, #ebedf0);
    color: var(--divider-text-color, #969799);
    display: flex;
    font-size: var(--divider-font-size, 14px);
    line-height: var(--divider-line-height, 24px);
    margin: var(--divider-margin, 16px 0);
}
.van-divider:after,
.van-divider:before {
    border-color: inherit;
    border-style: inherit;
    border-width: 1px 0 0;
    box-sizing: border-box;
    display: block;
    flex: 1;
    height: 1px;
}
.van-divider:before {
    content: '';
}
.van-divider--hairline:after,
.van-divider--hairline:before {
    transform: scaleY(0.5);
}
.van-divider--dashed {
    border-style: dashed;
}
.van-divider--center:before,
.van-divider--left:before,
.van-divider--right:before {
    margin-right: var(--divider-content-padding, 16px);
}
.van-divider--center:after,
.van-divider--left:after,
.van-divider--right:after {
    content: '';
    margin-left: var(--divider-content-padding, 16px);
}
.van-divider--left:before {
    max-width: var(--divider-content-left-width, 10%);
}
.van-divider--right:after {
    max-width: var(--divider-content-right-width, 10%);
}
</style>
