@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
16 lines • 895 B
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 { highContrastHeaderClassName } from '../../internal/utils/content-header-utils';
import { useAppLayoutInternals } from './context';
import styles from './styles.css.js';
export default function Background() {
const { breadcrumbs, hasBackgroundOverlap, hasNotificationsContent, isMobile, headerVariant } = useAppLayoutInternals();
if (!hasNotificationsContent && (!breadcrumbs || isMobile) && !hasBackgroundOverlap) {
return null;
}
return (React.createElement("div", { className: clsx(styles.background, { [highContrastHeaderClassName]: headerVariant === 'high-contrast' }) },
React.createElement("div", { className: styles['scrolling-background'] })));
}
//# sourceMappingURL=background.js.map