@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
20 lines • 974 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 Header() {
const { breadcrumbs, contentHeader, hasDrawerViewportOverlay, hasNotificationsContent, headerVariant } = useAppLayoutInternals();
if (!contentHeader) {
return null;
}
return (React.createElement("header", { className: clsx(styles.content, {
[styles['has-breadcrumbs']]: breadcrumbs,
[styles['has-notifications-content']]: hasNotificationsContent,
[styles.unfocusable]: hasDrawerViewportOverlay,
[highContrastHeaderClassName]: headerVariant === 'high-contrast',
}) }, contentHeader));
}
//# sourceMappingURL=header.js.map