import React, { useState } from 'react'; import CodeEditor from '../CodeEditor/CodeEditor'; import { Grid, GridItem } from '@patternfly/react-core/dist/esm/layouts/Grid/index'; import PropTypes from 'prop-types'; import { Text, TextVariants } from '@patternfly/react-core'; import messages from '../../Messages'; import { useIntl } from 'react-intl'; const SignatureDesctiprion = ({ signature }) => { const intl = useIntl(); const [isCodeEditorEnabled] = useState(false); return ( <Grid hasGutter> {isCodeEditorEnabled && ( <GridItem span={6}> <CodeEditor code={signature.rawRule} isReadOnly /> </GridItem> )} <GridItem span={isCodeEditorEnabled && 6 || 12}> <Text className='ins-l-sigtable--title' component={TextVariants.h6}> {intl.formatMessage(messages.description)} </Text>{signature.metadata.description} </GridItem> </Grid> ); }; SignatureDesctiprion.propTypes = { signature: PropTypes.object }; export default SignatureDesctiprion;