import {
  Icon
} from "./chunk-TKIP5Q5H.js";

// src/components/PasswordField/ShowHideButton.tsx
import { eye, eyeSlash } from "@simplybusiness/icons";
import { jsx } from "react/jsx-runtime";
var ShowHideButton = ({
  show = false,
  onClick
}) => /* @__PURE__ */ jsx(
  "button",
  {
    className: "mobius-password-field__show-button",
    type: "button",
    onClick: (e) => {
      e.preventDefault();
      onClick();
    },
    "aria-label": `${show ? "Hide" : "Show"} password`,
    "data-testid": "show-hide-button",
    children: /* @__PURE__ */ jsx(Icon, { icon: show ? eyeSlash : eye, "aria-hidden": "true" })
  }
);

export {
  ShowHideButton
};
//# sourceMappingURL=chunk-WC3D5GNN.js.map
