import React from 'react';
import { FormattedMessage } from 'react-intl';
import CapRow from '@capillarytech/cap-ui-library/CapRow';
import CapColumn from '@capillarytech/cap-ui-library/CapColumn';
import CapLabel from '@capillarytech/cap-ui-library/CapLabel';
import messages from '../messages';
import './preview.scss';

/**
 * PreviewDisclaimer Component
 * 
 * Renders disclaimer text below the preview area.
 */
const PreviewDisclaimer = () => (
  <CapRow className="preview-disclaimer">
    <CapColumn span={24}>
      <CapLabel type="label2" className="disclaimer-text">
        <FormattedMessage {...messages.previewDisclaimer} />
      </CapLabel>
    </CapColumn>
  </CapRow>
);

export default PreviewDisclaimer;

