You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
926 B
48 lines
926 B
import React from 'react'
|
|
|
|
import { Input } from 'features/Common'
|
|
import {
|
|
BlockTitle,
|
|
ButtonsBlock,
|
|
Form,
|
|
} from 'features/Login/styled'
|
|
|
|
import {
|
|
NextButton,
|
|
Card,
|
|
Row,
|
|
} from '../../styled'
|
|
|
|
export const CardStep = () => (
|
|
<Form>
|
|
<BlockTitle>Привязка карты</BlockTitle>
|
|
|
|
<Card>
|
|
<Input
|
|
id='cardNumber'
|
|
label='Номер карты'
|
|
paddingX={21}
|
|
/>
|
|
<Row>
|
|
<Input
|
|
id='expiration'
|
|
label='Срок действия'
|
|
wrapperWidth={280}
|
|
inputWidth={85}
|
|
paddingX={21}
|
|
/>
|
|
<Input
|
|
id='code'
|
|
label='CVC / CVV'
|
|
wrapperWidth={184}
|
|
inputWidth={30}
|
|
maxLength={3}
|
|
paddingX={18.6}
|
|
/>
|
|
</Row>
|
|
</Card>
|
|
<ButtonsBlock>
|
|
<NextButton to='subscriptions'>Далее</NextButton>
|
|
</ButtonsBlock>
|
|
</Form>
|
|
)
|
|
|