import * as React from 'react';
import { OneFormState } from '@skava/packages/features/Forms';
import { StyledForm, ButtonGroup, ApplyButton } from './styled';
const validation = {
    async onSubmit(args) {
        console.log(args.state.toJSON());
        // TODO functionality
    },
};
const renderButtonGroup = () => (React.createElement(ButtonGroup, null,
    React.createElement(ApplyButton, null)));
class GiftCardFormView extends React.PureComponent {
    constructor() {
        super(...arguments);
        this.observableFormState = new OneFormState().setInputsList([
            {
                propertyName: 'cardNumber',
                type: 'cardNumber',
                label: 'Card Number',
            },
            {
                propertyName: 'pin',
                type: 'text',
                label: 'Pin',
            },
        ]);
    }
    render() {
        return (React.createElement(StyledForm, { validation: validation, state: this.observableFormState, renderButtonGroup: renderButtonGroup, renderErrorMessage: '' }));
    }
}
export default GiftCardFormView;
export { GiftCardFormView };
//# sourceMappingURL=Form.js.map