import React from "react";
import type { PhoneField } from "./component.js";
/**
 * Visual shell for the country trigger and input. Mirrors Root's state as
 * data attributes, so Root can stay a plain wrapper around Label, Group, and Error.
 */
export declare function Group({ render, className, style, ...props }: PhoneField.GroupProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
/** Label for the phone input. `htmlFor` follows the input's id automatically. */
export declare function Label({ render, className, style, ...props }: PhoneField.LabelProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
/** Help text, linked to the input with `aria-describedby`. */
export declare function Description({ render, className, style, id: idProp, ...props }: PhoneField.DescriptionProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
/**
 * Error message, rendered only while the field is invalid and linked to the
 * input with `aria-describedby`. Pass a function child to pick the message
 * from the field state.
 */
export declare function ErrorMessage(props: PhoneField.ErrorProps): React.JSX.Element | null;