src/components/widgets/Form/fields/TextField/TextField.jsx

import React from 'react';
import PropTypes from 'prop-types';
import parseFormatter from '../../../../../utils/parseFormatter';
import cn from 'classnames';

/**
 * Компонент поле текст
 * @param {string} text - текст поля
 * @param {boolean} visible - флаг видимости
 * @param {string} format - формат текста
 * @param {string} className - класс поля
 * @param {object} style - стили поля
 * @constructor
 */
function TextField({ text, visible, format, className, style }) {
  return (
    visible && (
      <div
        className={cn('n2o-text-field', { [className]: className })}
        style={style}
      >
        {format ? parseFormatter(text, format) : text}
      </div>
    )
  );
}

TextField.propTypes = {
  text: PropTypes.string,
  visible: PropTypes.bool,
  format: PropTypes.string,
  className: PropTypes.string,
  style: PropTypes.object,
};

TextField.defaultProps = {
  visible: true,
};

export default TextField;