| 1 | import * as React from 'react';
|
| 2 | import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
|
| 3 | import { css } from '@patternfly/react-styles';
|
| 4 | import { Button } from '../Button';
|
| 5 | import { Title } from '../Title';
|
| 6 | import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
|
| 7 | export const WizardHeader = ({ onClose = () => undefined, title, description, hideClose, closeButtonAriaLabel, titleId, descriptionComponent: Component = 'p', descriptionId }) => (React.createElement("div", { className: css(styles.wizardHeader) },
|
| 8 | !hideClose && (React.createElement(Button, { variant: "plain", className: css(styles.wizardClose), "aria-label": closeButtonAriaLabel, onClick: onClose },
|
| 9 | React.createElement(TimesIcon, { "aria-hidden": "true" }))),
|
| 10 | React.createElement(Title, { headingLevel: "h2", size: "3xl", className: css(styles.wizardTitle), "aria-label": title, id: titleId }, title || React.createElement(React.Fragment, null, "\u00A0")),
|
| 11 | description && (React.createElement(Component, { className: css(styles.wizardDescription), id: descriptionId }, description))));
|
| 12 | WizardHeader.displayName = 'WizardHeader';
|
| 13 | |
| \ | No newline at end of file |