import type { ExtractPropTypes } from 'vue'
import { baseProps, makeBooleanProp, makeStringProp } from '../common/props'

export type DividerPosition = 'center' | 'left' | 'right'
export type DividerDirection = 'horizontal' | 'vertical'

export const dividerProps = {
  ...baseProps,
  /**
   * 自定义颜色
   */
  color: String,
  /**
   * 内容位置，可选值为 `left` `right` `center`
   * 默认值：`center`
   */
  contentPosition: makeStringProp<DividerPosition>('center'),
  /**
   * 是否显示为虚线
   * 默认值：`false`
   */
  dashed: Boolean,
  /**
   * 是否为垂直分割线
   * 默认值：`false`
   */
  vertical: makeBooleanProp(false),
  /**
   * 是否显示为 0.5px 的线
   * 默认值：`true`
   */
  hairline: makeBooleanProp(true)
}

export type DividerProps = ExtractPropTypes<typeof dividerProps>