@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
24 lines • 1.69 kB
JavaScript
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
// SPDX-License-Identifier: Apache-2.0
import React from 'react';
import clsx from 'clsx';
import InternalBox from '../../../box/internal';
import InternalLink from '../../../link/internal';
import InternalSpaceBetween from '../../../space-between/internal';
import InternalStatusIndicator from '../../../status-indicator/internal';
import styles from './styles.css.js';
export function CongratulationScreen({ children, onFeedbackClick, i18nStrings }) {
return (React.createElement(InternalSpaceBetween, { size: "xxl" },
React.createElement(InternalSpaceBetween, { size: "xl" },
React.createElement("div", { className: styles['congratulation-message'] },
React.createElement(InternalStatusIndicator, { __size: "inherit", type: "success", className: styles['congratulation-message--status'] }),
React.createElement("div", { className: styles['completion-screen-title'] }, i18nStrings.completionScreenTitle)),
React.createElement(InternalBox, { color: "text-body-secondary" },
React.createElement("div", { className: clsx({
[styles['completion-screen-description']]: true,
[styles['plaintext-congratulation-description']]: typeof children === 'string',
}) }, children))),
React.createElement("div", { className: styles.divider }),
onFeedbackClick && (React.createElement(InternalLink, { onFollow: onFeedbackClick, className: styles['feedback-link'], variant: "primary" }, i18nStrings.feedbackLinkText))));
}
//# sourceMappingURL=congratulation-screen.js.map