@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
62 lines (61 loc) • 1.82 kB
JavaScript
"use client";
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
//#region packages/@mantine/core/src/components/PasswordInput/PasswordToggleIcon.tsx
function PasswordToggleIcon({ reveal }) {
return /* @__PURE__ */ jsx("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 256 256",
style: {
width: "var(--psi-icon-size)",
height: "var(--psi-icon-size)"
},
children: reveal ? /* @__PURE__ */ jsxs(Fragment, { children: [
/* @__PURE__ */ jsx("path", {
fill: "none",
d: "M0 0h256v256H0z"
}),
/* @__PURE__ */ jsx("path", {
fill: "none",
stroke: "currentColor",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: "16",
d: "M48 40l160 176M154.91 157.6a40 40 0 01-53.82-59.2M135.53 88.71a40 40 0 0132.3 35.53"
}),
/* @__PURE__ */ jsx("path", {
fill: "none",
stroke: "currentColor",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: "16",
d: "M208.61 169.1C230.41 149.58 240 128 240 128s-32-72-112-72a126 126 0 00-20.68 1.68M74 68.6C33.23 89.24 16 128 16 128s32 72 112 72a118.05 118.05 0 0054-12.6"
})
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
/* @__PURE__ */ jsx("path", {
fill: "none",
d: "M0 0h256v256H0z"
}),
/* @__PURE__ */ jsx("path", {
fill: "none",
stroke: "currentColor",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: "16",
d: "M128 56c-80 0-112 72-112 72s32 72 112 72 112-72 112-72-32-72-112-72z"
}),
/* @__PURE__ */ jsx("circle", {
cx: "128",
cy: "128",
r: "40",
fill: "none",
stroke: "currentColor",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: "16"
})
] })
});
}
//#endregion
export { PasswordToggleIcon };
//# sourceMappingURL=PasswordToggleIcon.mjs.map