import './DragNDropFieldContent.css';
import React from 'react';
// import { IconAttach } from '../../../icons/IconAttach/IconAttach';
// import { cn } from '../../../utils/bem';
// import { Button } from '../../Button/Button';
import { Typography } from '../../Typography';
import { formatFileRequirements } from './formatFileRequirements';
// const cnDragNDropFieldContent = cn('DragNDropFieldContent');
export var DragNDropFieldContent = function (_a) {
    var accept = _a.accept, maxSize = _a.maxSize, multiple = _a.multiple;
    var requirements = formatFileRequirements(accept, maxSize);
    var fileText = multiple ? 'файлы' : 'файл';
    return (React.createElement(React.Fragment, null,
        React.createElement(Typography.Text, { align: "center" },
            "\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 ",
            fileText,
            " \u0441\u044E\u0434\u0430",
            requirements && (React.createElement(React.Fragment, null,
                React.createElement("br", null),
                requirements)))));
};
