import { MouseEvent, ComponentClass } from 'react'
import { CommonEventFunction } from '@tarojs/components/types/common'

import AtComponent, { AtIconBaseProps, AtIconName } from './base'

export interface AtNavBarProps extends AtComponent {
  /**
   * 标题文字
   */
  title/*;标题*/?: string
  /**
   * 是否固定顶部
   * @default false
   */
  fixed/*;固定*/?: boolean
  /**
   * 是否显示下划线
   * @since v1.4.0
   * @default true
   */
  border/*;边框*/?: boolean
  /**
   * 链接文字跟图标颜色，不包括标题
   * @default #6190E8
   */
  color/*;颜色*/?: string
  /**
   * 左边图标类型，图标类型请看 AtIcon 文档
   * @default 'chevron-left'
   */
  leftIconType/*;左图标类型*/?: AtIconName | AtIconBaseProps
  /**
   * 左边文字
   */
  leftText/*;左文字*/?: string
  /**
   * 从右到左，第一个图标类型，图标类型请看 AtIcon 文档
   */
  rightFirstIconType/*;右第一图标类型*/?: AtIconName | AtIconBaseProps
  /**
   * 从右到左第二个图标类型，图标类型请看 AtIcon 文档
   */
  rightSecondIconType/*;右第二图标类型*/?: AtIconName | AtIconBaseProps
  /**
   * 左边第一个图标类型点击事件
   */
  onClickLeftIcon/*;当左图标点击*/?: CommonEventFunction
  /**
   * 从右到左第一个图标类型点击事件
   */
  onClickRgIconSt/*;当右第一图标点击*/?: CommonEventFunction
  /**
   * 从右到左第二个图标类型点击事件
   */
  onClickRgIconNd/*;当右第二图标点击*/?: CommonEventFunction
}

declare const AtNavBar: ComponentClass<AtNavBarProps>

export default AtNavBar