import React from 'react'

import { Price } from 'features/Register/components/Price'

import { TextNoBorderWrapper, TextNoBorderTextWrapper } from './styled'
import { PriceWrapper } from '../CardNumber/styled'

type Props = {
  amount: number,
  text: string,
}

export const TextNoBorder = ({
  amount,
  text,
}: Props) => (
  <TextNoBorderWrapper>
    <TextNoBorderTextWrapper>{text}</TextNoBorderTextWrapper>
    <PriceWrapper>
      <Price amount={amount} />
    </PriceWrapper>
  </TextNoBorderWrapper>
)