import React from 'react';
import { isString } from '@pisell/utils';
import classNames from 'classnames';
import "./ReadPretty.less";
var PasswordReadPretty = function PasswordReadPretty(props) {
  var value = props.value,
    renderMode = props.renderMode;
  var className = classNames('pisell-password-read-pretty', {
    'pisell-password-read-pretty-table-view': renderMode === 'tableView'
  });
  if (value && isString(value)) {
    var _value$split;
    return /*#__PURE__*/React.createElement("span", {
      className: className
    }, value === null || value === void 0 || (_value$split = value.split) === null || _value$split === void 0 ? void 0 : _value$split.call(value, '').map(function () {
      return '•';
    }));
  }
  return /*#__PURE__*/React.createElement("span", {
    className: className
  }, '••••••');
};
export default PasswordReadPretty;