wix-style-react/dist/es/src/InputArea/Exclamation.js

wix-style-react

import React from 'react';
import PropTypes from 'prop-types';
import FormFieldError from '../new-icons/system/FormFieldError';
import Tooltip from '../Tooltip';
import styles from './InputArea.scss';

var Exclamation = function Exclamation(_ref) {
  var errorMessage = _ref.errorMessage,
      tooltipPlacement = _ref.tooltipPlacement,
      onTooltipShow = _ref.onTooltipShow;
  return React.createElement(
    'div',
    { className: styles.suffix },
    React.createElement(
      Tooltip,
      {
        dataHook: 'inputArea-tooltip',
        disabled: errorMessage.length === 0,
        placement: tooltipPlacement,
        onShow: onTooltipShow,
        alignment: 'center',
        hideDelay: 100,
        content: errorMessage,
        moveBy: { x: 0, y: -10 },
        overlay: '',
        maxWidth: '250px',
        textAlign: 'left',
        theme: 'dark'
      },
      React.createElement(
        'div',
        { className: styles.errorIcon },
        React.createElement(FormFieldError, null)
      )
    )
  );
};

Exclamation.defaultProps = {
  errorMessage: '',
  tooltipPlacement: 'top'
};

Exclamation.propTypes = {
  errorMessage: PropTypes.string,
  tooltipPlacement: PropTypes.oneOf(['right', 'left', 'top', 'bottom']),
  onTooltipShow: PropTypes.func
};

export default Exclamation;