already-registered-prompt.component.tsx

import React                from 'react'
import { FormattedMessage } from 'react-intl'
import { memo }             from 'react'

import { Box }              from '@ui/layout'
import { Link }             from '@ui/link'
import { Space }            from '@ui/text'
import { Text }             from '@ui/text'

export const AlreadyRegisteredPrompt: React.FC = memo(() => (
  <Box alignItems='center' justifyContent='center'>
    <Text fontSize='small.increased' fontWeight='regular' color='text.black' letterSpacing={0.52}>
      <FormattedMessage
        id='already_registered.already_registered'
        defaultMessage='Уже зарегистрированы?'
      />
    </Text>
    <Space />
    <Text fontSize='small.increased' fontWeight='regular' letterSpacing={0.52}>
      <Link href='/auth/login' data-testid='test-link'>
        <FormattedMessage id='already_registered.enter' defaultMessage='Войти' />
      </Link>
    </Text>
  </Box>
))

import styled                   from '@emotion/styled'
import { Text }                 from '@atls-ui-parts/text'

import { BaseLinkProps }        from './link.interfaces'
import { appearanceLinkStyles } from './link.styles'
import { shapeLinkStyles }      from './link.styles'
import { activeLinkStyles }     from './link.styles'
import { transitionStyles }     from './link.styles'

const Link = styled(Text.withComponent('a'))<BaseLinkProps>(
  appearanceLinkStyles,
  shapeLinkStyles,
  activeLinkStyles,
  transitionStyles
)

export { Link }