import { Document } from '@transferwise/icons';
import '../../../common/theme.mjs';
import '../../../common/direction.mjs';
import '@transferwise/neptune-tokens';
import '../../../common/propsValues/control.mjs';
import '../../../common/propsValues/size.mjs';
import { Typography } from '../../../common/propsValues/typography.mjs';
import '../../../common/propsValues/width.mjs';
import '../../../common/propsValues/type.mjs';
import '../../../common/propsValues/dateMode.mjs';
import '../../../common/propsValues/monthFormat.mjs';
import '../../../common/propsValues/position.mjs';
import '../../../common/propsValues/layouts.mjs';
import '../../../common/propsValues/status.mjs';
import '../../../common/propsValues/sentiment.mjs';
import '../../../common/propsValues/profileType.mjs';
import '../../../common/propsValues/variant.mjs';
import '../../../common/propsValues/scroll.mjs';
import '../../../common/propsValues/markdownNodeType.mjs';
import '../../../common/fileType.mjs';
import '@transferwise/formatting';
import 'clsx';
import 'react';
import 'react-intl';
import '../../../common/closeButton/CloseButton.messages.mjs';
import { jsx, jsxs } from 'react/jsx-runtime';
import Body from '../../../body/Body.mjs';
import Button from '../../../button/Button.resolver.mjs';
import Title from '../../../title/Title.mjs';

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

export { CompleteStep as default };
//# sourceMappingURL=completeStep.mjs.map
