Sha256: 1d1349d0e1c651b4017c63d7a08dc904540914a82d1ae11e29e5620e86a0c2f8
Contents?: true
Size: 963 Bytes
Versions: 42
Compression:
Stored size: 963 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
42 entries across 42 versions & 1 rubygems