2019-10-08 12:47:11 +07:00
|
|
|
import React from 'react';
|
2020-03-08 22:45:07 +07:00
|
|
|
import { useTranslation } from 'react-i18next';
|
2019-10-08 12:47:11 +07:00
|
|
|
|
|
|
|
import Label from '../Label';
|
|
|
|
|
|
|
|
import { Greetings } from './styles';
|
|
|
|
|
|
|
|
interface Props {
|
|
|
|
username: string;
|
|
|
|
}
|
|
|
|
|
2020-03-08 22:45:07 +07:00
|
|
|
const HeaderGreetings: React.FC<Props> = ({ username }) => {
|
|
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
|
|
<>
|
|
|
|
<Greetings>{t('header.greetings')}</Greetings>
|
|
|
|
<Label capitalize={true} data-testid="greetings-label" text={username} weight="bold" />
|
|
|
|
</>
|
|
|
|
);
|
|
|
|
};
|
2019-10-08 12:47:11 +07:00
|
|
|
|
|
|
|
export default HeaderGreetings;
|