import React from "react";
import { isString } from "@pisell/utils";
import classNames from "classnames";
import "./ReadPretty.less";
//#region src/components/dataSourceComponents/fields/Input.Password/ReadPretty.tsx
const PasswordReadPretty = (props) => {
	const { value, renderMode } = props;
	const 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 }, value === null || value === void 0 || (_value$split = value.split) === null || _value$split === void 0 ? void 0 : _value$split.call(value, "").map(() => "•"));
	}
	return /* @__PURE__ */ React.createElement("span", { className }, "••••••");
};
//#endregion
export { PasswordReadPretty as default };
