import { TextInput } from "./TextInput.js";
import { useState } from "react";
import { jsx } from "@emotion/react/jsx-runtime";
//#region src/components/SecretInput.tsx
function SecretInput({ ...rest }) {
	const [showSecret, setShowSecret] = useState(false);
	return /* @__PURE__ */ jsx(TextInput, {
		...rest,
		type: showSecret ? void 0 : "password",
		onClickIcon: () => setShowSecret(!showSecret),
		icon: {
			name: showSecret ? "NotEye" : "Eye",
			width: 16
		}
	});
}
//#endregion
export { SecretInput };
