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

The Cerberus Design React component library.

'use client';
import { jsx } from 'react/jsx-runtime';
import { cx } from 'styled-system/css';
import { fieldMessage } from 'styled-system/recipes';
import { useFieldContext } from '../../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.js';

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

export { FieldMessage };