"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PreviewFileUploaderDropZone = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const FileInput_1 = require("../FileInput");
const FileUploaderDropzone_1 = require("../FileUploaderDropzone");
const UploadButton_1 = require("../UploadButton");
const HintPlaceholder_1 = require("./HintPlaceholder");
const PlaceholderWrapper_1 = require("./PlaceholderWrapper");
const styles_1 = require("./styles");
exports.PreviewFileUploaderDropZone = (0, react_1.forwardRef)(({ fileInputProps, uploadButtonProps, hintPlaceholderProps, children, isVisibleAddFile, isVisibleFileList, containerProps, ...restProps }, ref) => ((0, jsx_runtime_1.jsx)(FileUploaderDropzone_1.FileUploaderContainer, { ...containerProps, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledDropzoneWrapper, { ref: ref, ...restProps, children: [isVisibleFileList && children, (0, jsx_runtime_1.jsx)(FileInput_1.FileInput, { ...fileInputProps }), isVisibleAddFile && ((0, jsx_runtime_1.jsxs)(PlaceholderWrapper_1.PlaceholderWrapper, { children: [(0, jsx_runtime_1.jsx)(HintPlaceholder_1.HintPlaceholder, { ...hintPlaceholderProps }), (0, jsx_runtime_1.jsx)(UploadButton_1.UploadButton, { ...uploadButtonProps })] }))] }) })));
