// @flow
import {Component} from 'react'
import type {TextType, Background} from './text'

export type UserListItem = {
  username: string,
  readOnly?: boolean,
  broken?: boolean,
  you?: boolean,
  following?: boolean,
}

export type UserList = Array<UserListItem>

export type Props = {
  type: TextType,
  backgroundMode?: Background,
  style?: Object,
  commaColor?: string,
  containerStyle?: Object,
  inline?: bool,
  users: UserList,
  redColor?: string,
  title?: string,
  prefix?: ?string,
  suffix?: ?string,
  colorFollowing?: boolean,
  colorBroken?: boolean,
  onUsernameClicked?: (username: string) => void,
  plainText?: boolean, // optimize if its just plaintext usernames
  plainDivider?: string,
}

declare export function usernameText(props: Props): void

declare export default class Usernames extends Component<void, Props, void> { }
