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;