braid-design-system/dist/lib/components/FieldMessage/FieldMessage.playroom.mjs

Themeable design system for the SEEK Group

import { jsx } from "react/jsx-runtime";
import { useFallbackId } from "../../hooks/useFallbackId.mjs";
import { FieldMessage as FieldMessage$1, tones } from "./FieldMessage.mjs";
const FieldMessage = ({
  id,
  tone,
  ...restProps
}) => {
  const resolvedId = useFallbackId(id);
  return /* @__PURE__ */ jsx(
    FieldMessage$1,
    {
      id: resolvedId,
      tone: tone && tones.indexOf(tone) > -1 ? tone : void 0,
      ...restProps
    }
  );
};
export {
  FieldMessage
};