import * as React from "react";

/** Label + control wrapper with optional hint or error text. */
export interface FieldProps {
  label?: string;
  htmlFor?: string;
  /** Helper text (mono, muted). */
  hint?: string;
  /** Error text — overrides hint and turns red. */
  error?: string;
  /** @default "light" */
  tone?: "light" | "dark";
  children?: React.ReactNode;
  style?: React.CSSProperties;
}
export function Field(props: FieldProps): JSX.Element;