Sha256: 8f68d365156368043e15747ef88dd1055dfa3291229cf7e7bd02f30b5150bfd5
Contents?: true
Size: 952 Bytes
Versions: 11
Compression:
Stored size: 952 Bytes
Contents
import React from 'react';
import PropTypes from 'prop-types';
import {
Grid,
TextContent,
Text,
TextVariants,
Flex,
FlexItem,
} from '@patternfly/react-core';
const WizardHeader = ({ title, description }) => (
<Grid style={{ gridGap: '24px' }}>
{title && (
<TextContent>
<Text ouiaId="wizard-header-text" component={TextVariants.h2}>
{title}
</Text>
</TextContent>
)}
{description && (
<TextContent>
<Flex flex={{ default: 'inlineFlex' }}>
<FlexItem>
<TextContent>{description}</TextContent>
</FlexItem>
</Flex>
</TextContent>
)}
</Grid>
);
WizardHeader.propTypes = {
title: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
description: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
};
WizardHeader.defaultProps = {
title: undefined,
description: undefined,
};
export default WizardHeader;
Version data entries
11 entries across 11 versions & 1 rubygems