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