import React from 'react';
import FetchMask from '@assets/svg/FetchMask';
import {
  CredentialsNotFoundWrapper,
  WelcomeTitle,
  Description,
} from '@styles/screens/home';

const CredentialsNotFound = () => (
  <CredentialsNotFoundWrapper testID="noCredsMsg">
    <FetchMask />
    <WelcomeTitle>Welcome to Asli Wallet</WelcomeTitle>
    <Description>You don't have any credentials yet.</Description>
  </CredentialsNotFoundWrapper>
);

export default CredentialsNotFound;
