import React from 'react';
import { TextBox, ContinueButton, CancelButton } from '@skava/packages/ui';
import { wording } from './fixture';
import { StyledSecurityLabel, StyledIdentityLabel, StyledTitle, ResetFormWrap, } from './styled';
/**
 * @todo use ones in uxui presets
 */
const CreatePasswordInput = () => (React.createElement(TextBox, { name: 'userName', animatePlaceholder: true, placeholderText: wording.createPassword }));
const ConfirmPasswordInput = () => (React.createElement(TextBox, { name: 'userName', animatePlaceholder: true, placeholderText: wording.confirmPassword }));
const ResetPasswordButton = (props) => (React.createElement(ContinueButton, Object.assign({ text: wording.resetPassword.continue }, props)));
// @karthikeyanK  - no cancelbutton imported ???????
const StyledCancelButton = (props) => (React.createElement(CancelButton, Object.assign({ text: wording.cancel }, props)));
class ResetPasswordBySecurityQuestion extends React.Component {
    constructor() {
        super(...arguments);
        this.handleResetPassword = () => alert('TODO');
        this.renderForm = () => {
            return (React.createElement("form", null,
                React.createElement(CreatePasswordInput, null),
                React.createElement(ConfirmPasswordInput, null)));
        };
    }
    render() {
        return (React.createElement(ResetFormWrap, null,
            React.createElement(StyledSecurityLabel, null),
            React.createElement(StyledIdentityLabel, null),
            React.createElement(StyledTitle, null),
            this.renderForm(),
            React.createElement(ResetPasswordButton, { onClick: this.handleResetPassword }),
            React.createElement(StyledCancelButton, { onClick: this.props.onBack })));
    }
}
export { ResetPasswordBySecurityQuestion };
export default ResetPasswordBySecurityQuestion;
//# sourceMappingURL=ResetPasswordBySecurityQuestion.js.map