import { Document as DocumentIcon } from '@transferwise/icons'; import { Typography } from '../../../common'; import Body from '../../../body'; import Button from '../../../button'; import Title from '../../../title'; export interface CompleteStepProps { csButtonText: string; csSuccessText: string; fileName: string; isComplete: boolean; isImage: boolean; uploadedImage?: string; onClear: React.MouseEventHandler; } export default function CompleteStep({ csButtonText, csSuccessText, fileName, isComplete, isImage, onClear, uploadedImage, }: CompleteStepProps) { return (
{isImage && uploadedImage ? ( OK ) : ( )} {fileName && ( {fileName} )} {csSuccessText && ( {csSuccessText} )}
{csButtonText && ( )}
); }