"use strict";
var __extends = (this && this.__extends) || (function () {
    var extendStatics = function (d, b) {
        extendStatics = Object.setPrototypeOf ||
            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
        return extendStatics(d, b);
    };
    return function (d, b) {
        if (typeof b !== "function" && b !== null)
            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var formik_1 = require("formik");
var CreateAccountForm = /** @class */ (function (_super) {
    __extends(CreateAccountForm, _super);
    function CreateAccountForm() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    CreateAccountForm.prototype.render = function () {
        var _a = this.props, errors = _a.errors, handleChange = _a.handleChange, setFieldTouched = _a.setFieldTouched, touched = _a.touched, values = _a.values;
        return (React.createElement(React.Fragment, null,
            React.createElement("p", null, "Vytvo\u0159te si \u00FA\u010Det zad\u00E1n\u00EDm nov\u00E9ho hesla. Pokud jste se ji\u017E registrovali, p\u0159ihla\u0161te se pomoc\u00ED tla\u010D\u00EDtka 'P\u0159ihl\u00E1sit se' v prav\u00E9m horn\u00EDm rohu."),
            React.createElement("div", { className: "checkout__input" },
                React.createElement("p", null,
                    "Heslo",
                    React.createElement("span", null, "*")),
                React.createElement(formik_1.Field, { name: "password.password", type: "password", placeholder: "Heslo", onChange: function (event) { handleChange(event); }, className: ((touched === null || touched === void 0 ? void 0 : touched.password) && (errors === null || errors === void 0 ? void 0 : errors.password))
                        ? 'input__error'
                        : ((touched === null || touched === void 0 ? void 0 : touched.password) && !(errors === null || errors === void 0 ? void 0 : errors.password) && (values === null || values === void 0 ? void 0 : values.password) ? 'input__success' : '') }),
                (errors === null || errors === void 0 ? void 0 : errors.password) && (touched === null || touched === void 0 ? void 0 : touched.password) && React.createElement("label", { className: "error-message" }, errors.password)),
            React.createElement("div", { className: "checkout__input" },
                React.createElement("p", null,
                    "Ov\u011B\u0159en\u00ED hesla",
                    React.createElement("span", null, "*")),
                React.createElement(formik_1.Field, { name: "password.confirmPassword", type: "password", placeholder: "Potvrzen\u00ED hesla", onChange: function (event) { handleChange(event); }, className: ((touched === null || touched === void 0 ? void 0 : touched.confirmPassword) && (errors === null || errors === void 0 ? void 0 : errors.confirmPassword))
                        ? 'input__error'
                        : ((touched === null || touched === void 0 ? void 0 : touched.confirmPassword) && !(errors === null || errors === void 0 ? void 0 : errors.confirmPassword) && (values === null || values === void 0 ? void 0 : values.confirmPassword) ? 'input__success' : '') }),
                (errors === null || errors === void 0 ? void 0 : errors.confirmPassword) && (touched === null || touched === void 0 ? void 0 : touched.confirmPassword) && React.createElement("label", { className: "error-message" }, errors.confirmPassword))));
    };
    return CreateAccountForm;
}(React.Component));
exports.default = CreateAccountForm;
//# sourceMappingURL=CreateAccountForm.js.map