import React from 'react'

import { Radio } from 'features/Common/Radio'

import { VisaLogoWrapper } from '../VisaLogo'
import { CardNumberWrapper, CardNumberTextWrapper } from './styled'

type TUserAccountInput = {
  checked?: boolean,
  label: string,
  visa?: boolean,
}

export const CardNumber = ({
  checked,
  label,
  visa,
}: TUserAccountInput) => (
  <CardNumberWrapper>
    <Radio
      label={label}
      checked={checked}
      onChange={() => {}}
    />
    <VisaLogoWrapper visa={visa} />
    <CardNumberTextWrapper>Удалить карту</CardNumberTextWrapper>
  </CardNumberWrapper>
)