import { Box, FileUpload, AddItem } from '@wix/design-system';
import React from 'react';
import { observer } from 'mobx-react-lite';
import { st, classes } from './ImportStepUpload.st.css.js';
function _ImportStepUpload({ state }) {
    const { translate: t } = state;
    return (React.createElement(Box, { direction: "vertical", gap: "SP2" },
        React.createElement(Box, { height: "280px" },
            React.createElement(FileUpload, { dataHook: "import-file-input", className: st(classes.fileUpload), accept: ".csv,text/csv", onChange: (files) => {
                    const file = files?.[0];
                    if (file) {
                        state.onFileSelected(file);
                    }
                } }, ({ openFileUploadDialog }) => (React.createElement(AddItem, { size: "large", skin: "filled", onClick: openFileUploadDialog }, t('cairo.import.uploadButtonLabel')))))));
}
export const ImportStepUpload = observer(_ImportStepUpload);
//# sourceMappingURL=ImportStepUpload.js.map