import { ComponentClass } from 'react'
import { CommonEvent } from '@tarojs/components/types/common'

import AtComponent from './base'

export interface AtNoticeBarProps extends AtComponent {
  /**
   * 是否需要关闭按钮
   * @default false
   */
  close/*;关*/?: boolean
  /**
   * 内容是否单行
   * @default false
   */
  single/*;单行*/?: boolean
  /**
   * 内容是否滚动（内容只能单行）
   * @default false
   */
  marquee/*;滚动*/?: boolean
  /**
   * 内容滚动速度 （默认速度100px/秒）
   * @default 100
   */
  speed/*;速度*/?: number
  /**
   * “查看更多”链接文本
   * @default '查看详情'
   */
  moreText/*;更多文本*/?: string
  /**
   * “查看更多”是否显示（内容只能单行）
   * @default false
   */
  showMore/*;显示更多*/?: boolean
  /**
   * 内容前的 Icon 图标
   */
  icon/*;图标*/?: string
  /**
   * 关闭时触发
   */
  onClose/*;当关*/?: (event: CommonEvent) => void
  /**
   * 点击”查看更多“时触发
   */
  onGotoMore/*;当去更多*/?: (event: CommonEvent) => void
}

export interface AtNoticeBarState {
  show/*;显示*/: boolean
  animElemId/*;动画部分号*/: string
  animationData/*;动画数据*/: {
    actions/*;行动集*/: object[]
  }
  dura/*;时长*/: number
  isWEAPP/*;是微信*/: boolean
  isALIPAY/*;是支付宝*/: boolean
  isWEB/*;是网页*/: boolean
}

declare const AtNoticeBar: ComponentClass<AtNoticeBarProps>

export default AtNoticeBar