import React from 'react'

import { IncognitoIcon, IdentifyIcon, IdentifiedIcon, UserIconContainer } from './style'


export type UserIndicatorProps = {
  identified: boolean
  disableTransition?: boolean
}

export const UserIndicator = ({ identified, disableTransition }: UserIndicatorProps) => (
  <UserIconContainer {...{ identified, disableTransition }}>
    <IncognitoIcon />
    <IdentifyIcon />
    <IdentifiedIcon />
  </UserIconContainer>
)