import { ReactNode } from 'react'
import { CommonState } from 'src/state'
import { DefaultProps } from 'atoms/Text/typings'

export interface TextEllipsisRenderProp {
  (props: TextEllipsisProps, state?: CommonState): ReactNode
}

// Main component properties
export interface TextEllipsisProps extends DefaultProps {

  width?: string | number
  noOfLines?: number
  shouldTrimWhiteSpace?: boolean
  noOfCharacters?: number
  showMoreLabel?: string
  showHideLabel?: string

  /**
   * render props
   */
  renderWrapper?: TextEllipsisRenderProp
}