import {ViewProps} from '@tarojs/components'
import {CSSProperties, FunctionComponent, ReactNode} from 'react'

export interface CardProps extends ViewProps {
  children?: ReactNode
  style?: CSSProperties
  /**
   * @description 是否是必填项
   * @default false
   */
  required?: boolean
  renderLeft?: () => ReactNode
  renderRight?: () => ReactNode
  /**
   * @description 是否允许点击
   * @default true
   */
  clickable?: boolean
  /**
   * @description 内容布局
   * @default 'right'
   */
  position?: 'left' | 'right'

  /**
   * @description 下划线
   * @default false
   */
  line?: boolean

  cardStyle?: CSSProperties

  /**
   * @description 是否显示右箭头
   * @default true
   */
  showRightArrow?: boolean

  color?: string
  requireColor?: string
  arrowRightIconColor?: string
  borderBottomColor?: string
}

declare const Card: FunctionComponent<CardProps>

export {Card}