import { SolidButton } from 'features/UserAccount/styled'

import {
  Form,
  Column,
  ButtonsBlock,
  Input,
} from './styled'

export const AddCardForm = () => (
  <Form>
    <Column>
      <Input
        labelWidth={70}
        wrapperWidth={560}
        label='Номер'
        labelLexic='form_card_number'
      />
      <Input
        labelWidth={70}
        wrapperWidth={560}
        label='Имя'
      />
      <Input
        maxLength={5}
        labelWidth={120}
        wrapperWidth={275}
        labelLexic='form_card_expiration'
      />
      <Input
        maxLength={3}
        labelWidth={140}
        wrapperWidth={275}
        label='CVC / CVV'
        labelLexic='form_card_code'
      />
    </Column>
    <ButtonsBlock>
      <SolidButton type='submit'>
        Сохранить
      </SolidButton>
    </ButtonsBlock>
  </Form>
)