import React from 'react'

import { T9n } from 'features/T9n'

import { PlusIconWrapper } from '../PlusIcon'
import { UserAccountButtonWrapper, PlusIconTextWrapper } from './styled'

type Props = {
  open?: () => void,
  text: string,
}

export const UserAccountButton = ({ open, text }: Props) => (
  <UserAccountButtonWrapper onClick={open}>
    <PlusIconWrapper />
    <PlusIconTextWrapper>
      <T9n t={text} />
    </PlusIconTextWrapper>
  </UserAccountButtonWrapper>
)
