import React from 'react';
import {withNamespaces} from 'react-i18next';

import {withTheme, injectSheet} from '../../../lib/theme';
import FileFolderBase from './FileFolderBase';

const styling = theme => ({
    wrapper: {},
    wrapperSelect: {
        overflow: 'hidden'
    }
});

class File extends React.Component {

    render() {
        const {
            classes,
            rmSave, addSave,
            name, data, schema,
        } = this.props;

        return (
            <div className={classes.wrapper}>
                <FileFolderBase rmSave={rmSave}
                                addSave={addSave}
                                name={name}
                                data={data}
                                schema={schema}
                                selectFile={true}
                                selectDir={false}
                                multiple={true}
                />
            </div>
        );
    }
    ;
}

export default withNamespaces('schema')(withTheme(injectSheet(styling)(File)));