@wordpress/components
Version:
UI components for WordPress.
31 lines (30 loc) • 921 B
JavaScript
// packages/components/src/validated-form-controls/validity-indicator.tsx
import clsx from "clsx";
import { error, published } from "@wordpress/icons";
import Icon from "../icon";
import Spinner from "../spinner";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
function ValidityIndicator({
type,
message
}) {
const ICON = {
valid: published,
invalid: error
};
return /* @__PURE__ */ _jsxs("p", {
className: clsx("components-validated-control__indicator", `is-${type}`),
children: [type === "validating" ? /* @__PURE__ */ _jsx(Spinner, {
className: "components-validated-control__indicator-spinner"
}) : /* @__PURE__ */ _jsx(Icon, {
className: "components-validated-control__indicator-icon",
icon: ICON[type],
size: 16,
fill: "currentColor"
}), message]
});
}
export {
ValidityIndicator
};
//# sourceMappingURL=validity-indicator.js.map