@cerberus-design/react/dist/components/deprecated/FieldMessage.cjs

The Cerberus Design React component library.

'use client';
'use strict';

Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

const jsxRuntime = require('react/jsx-runtime');
const css = require('styled-system/css');
const recipes = require('styled-system/recipes');
const useFieldContext = require('../../node_modules/.pnpm/@ark-ui_react@5.29.1_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/@ark-ui/react/dist/components/field/use-field-context.cjs');

function FieldMessage(props) {
  const { invalid } = useFieldContext.useFieldContext();
  return /* @__PURE__ */ jsxRuntime.jsx(
    "small",
    {
      ...props,
      ...invalid && { "aria-invalid": true },
      className: css.cx(props.className, recipes.fieldMessage())
    }
  );
}

exports.FieldMessage = FieldMessage;