'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var icons = require('@transferwise/icons');
require('../../../common/theme.js');
require('../../../common/direction.js');
require('@transferwise/neptune-tokens');
require('../../../common/propsValues/control.js');
require('../../../common/propsValues/size.js');
var typography = require('../../../common/propsValues/typography.js');
require('../../../common/propsValues/width.js');
require('../../../common/propsValues/type.js');
require('../../../common/propsValues/dateMode.js');
require('../../../common/propsValues/monthFormat.js');
require('../../../common/propsValues/position.js');
require('../../../common/propsValues/layouts.js');
require('../../../common/propsValues/status.js');
require('../../../common/propsValues/sentiment.js');
require('../../../common/propsValues/profileType.js');
require('../../../common/propsValues/variant.js');
require('../../../common/propsValues/scroll.js');
require('../../../common/propsValues/markdownNodeType.js');
require('../../../common/fileType.js');
require('@transferwise/formatting');
require('clsx');
require('react');
require('react-intl');
require('../../../common/closeButton/CloseButton.messages.js');
var jsxRuntime = require('react/jsx-runtime');
var Body = require('../../../body/Body.js');
var Button_resolver = require('../../../button/Button.resolver.js');
var Title = require('../../../title/Title.js');

function CompleteStep({
  csButtonText,
  csSuccessText,
  fileName,
  isComplete,
  isImage,
  onClear,
  uploadedImage
}) {
  return /*#__PURE__*/jsxRuntime.jsx("div", {
    className: "droppable-complete-card droppable-card",
    "aria-hidden": !isComplete,
    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
      className: "droppable-card-content",
      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
        className: "droppable-card-content d-flex flex-column align-items-center",
        "aria-live": "polite",
        children: [isImage && uploadedImage ? /*#__PURE__*/jsxRuntime.jsx("img", {
          src: uploadedImage,
          alt: "OK",
          className: "thumbnail "
        }) : /*#__PURE__*/jsxRuntime.jsx(icons.Document, {}), fileName && /*#__PURE__*/jsxRuntime.jsx(Body.default, {
          as: "p",
          className: "m-b-0",
          children: fileName
        }), csSuccessText && /*#__PURE__*/jsxRuntime.jsx(Title.default, {
          className: "caption m-t-1",
          type: typography.Typography.TITLE_BODY,
          children: csSuccessText
        })]
      }), csButtonText && /*#__PURE__*/jsxRuntime.jsx(Button_resolver.default, {
        v2: true,
        className: "m-t-1",
        onClick: onClear,
        children: csButtonText
      })]
    })
  });
}

exports.default = CompleteStep;
//# sourceMappingURL=completeStep.js.map
