@kadoui/react/dist/components/PasswordInput/PasswordInputToggle.js

Kadoui primitive components for React

"use client";
import { jsx as _jsx } from "react/jsx-runtime";
import { use } from "react";
import { PasswordInputContext } from "./PasswordInputContext";
export function PasswordInputToggle({ visibleChildren, onClick, children, ...props }) {
    const { isVisible, setIsVisible } = use(PasswordInputContext);
    return (_jsx("button", { type: "button", onClick: ev => {
            setIsVisible(prev => !prev);
            onClick?.(ev);
        }, ...props, children: isVisible ? visibleChildren : children }));
}