// @flow
import {Component} from 'react'

import type {Device, DeviceType} from '../../constants/types/more'
import type {IconType} from '../../common-adapters/icon'
import type {Time} from '../../constants/types/flow-types'

export type TimelineItem = {
  desc: string,
  subDesc?: string,
  type: 'LastUsed' | 'Added' | 'Revoked',
}

export type Props = {
  bannerBackgroundColor: ?string,
  bannerColor: ?string,
  bannerDesc: ?string,
  currentDevice: boolean,
  device: Device,
  deviceID: string,
  icon: IconType,
  name: string,
  onBack: () => void,
  revokeName: ?string,
  revokedAt?: ?Time,
  showRevokeDevicePage: () => void,
  timeline?: Array<TimelineItem>,
  type: DeviceType,
}

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