"use strict";
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
    result["default"] = mod;
    return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const React = __importStar(require("react"));
const withStyles_1 = __importDefault(require("components/hoc/withStyles"));
const styles_1 = __importDefault(require("./styles"));
const Button_1 = __importDefault(require("../../bosons/Button"));
const FieldLabel_1 = __importDefault(require("../../bosons/FieldLabel"));
const react_dropzone_1 = __importDefault(require("react-dropzone"));
class UploadFile extends React.Component {
    constructor() {
        super(...arguments);
        this._renderAttachment = () => {
            const { classes } = this.props;
            return (React.createElement("div", { className: classes.mainDiv },
                React.createElement("div", { className: classes.attachmentWrapper },
                    React.createElement(FieldLabel_1.default, { label: "Bank Statement" }),
                    React.createElement(react_dropzone_1.default, { multiple: true, className: classes.dragAreaWrapper, activeClassName: classes.activeDragArea },
                        React.createElement("div", { className: classes.attachmentBlock },
                            React.createElement("div", { "data-html2canvas-ignore": true },
                                React.createElement("div", { className: classes.dragText },
                                    React.createElement("p", null, "Drag and drop or choose a file to upload your Bank statement."),
                                    React.createElement("p", null, "Only CSV files are supported."))))))));
        };
        this._renderButton = () => {
            const { classes, makeStepActive, markedVisited } = this.props;
            return (React.createElement(React.Fragment, null,
                React.createElement("div", { className: classes.prevNextWrapper },
                    React.createElement("div", null),
                    React.createElement(Button_1.default, { title: "Next", id: "next-button", classes: { component: classes.prevNextButton }, applyBorderRadius: true, compactMode: true, buttonColor: '#29a9db', onClick: () => {
                            makeStepActive(1);
                            markedVisited(0);
                        } }))));
        };
    }
    render() {
        return (React.createElement(React.Fragment, null,
            this._renderAttachment(),
            this._renderButton()));
    }
}
exports.default = withStyles_1.default(styles_1.default)(UploadFile);
//# sourceMappingURL=uploadFile.js.map