import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { forwardRef } from 'react';
import { FileInput } from '../FileInput';
import { FileUploaderContainer, } from '../FileUploaderDropzone';
import { UploadButton } from '../UploadButton';
import { HintPlaceholder } from './HintPlaceholder';
import { PlaceholderWrapper } from './PlaceholderWrapper';
import { StyledDropzoneWrapper } from './styles';
export const PreviewFileUploaderDropZone = forwardRef(({ fileInputProps, uploadButtonProps, hintPlaceholderProps, children, isVisibleAddFile, isVisibleFileList, containerProps, ...restProps }, ref) => (_jsx(FileUploaderContainer, { ...containerProps, children: _jsxs(StyledDropzoneWrapper, { ref: ref, ...restProps, children: [isVisibleFileList && children, _jsx(FileInput, { ...fileInputProps }), isVisibleAddFile && (_jsxs(PlaceholderWrapper, { children: [_jsx(HintPlaceholder, { ...hintPlaceholderProps }), _jsx(UploadButton, { ...uploadButtonProps })] }))] }) })));
