import { useExplorerI18n } from '../../../hooks';
import Styled from './Body.styled';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var PreviewPlaceholder = function PreviewPlaceholder(_ref) {
  var setFileData = _ref.setFileData;
  var i18n = useExplorerI18n();
  return /*#__PURE__*/_jsxs(Styled.PlaceholderWrapper, {
    children: [/*#__PURE__*/_jsx(Styled.PlaceholderIcon, {
      size: 150
    }), /*#__PURE__*/_jsx(Styled.PlaceholderTitle, {
      children: i18n('manageModalPreviewPlaceholderTitle')
    }), /*#__PURE__*/_jsxs(Styled.PlaceholderHint, {
      children: [i18n('manageModalPreviewPlaceholderHintOne'), /*#__PURE__*/_jsx(Styled.RetryButton, {
        onClick: setFileData,
        children: i18n('manageModalPreviewPlaceholderHintTwo')
      }), i18n('manageModalPreviewPlaceholderHintThree')]
    })]
  });
};
export default PreviewPlaceholder;