import React from 'react';
import { Action } from '../../types/button';
import type { Error } from '../../types/shared/form';
export type LabelledProps = {
    /** A unique identifier for the label */
    id?: string;
    /** Text for the label */
    label: React.ReactNode;
    /** Error to display beneath the label */
    error?: Error | boolean;
    /** An action */
    action?: Action;
    /** Additional hint text to display */
    helpText?: React.ReactNode;
    /** Content to display inside the connected */
    children?: React.ReactNode;
    /** Visually hide the label */
    labelHidden?: boolean;
    /** Visual required indicator for the label */
    requiredIndicator?: boolean;
    /** Additional class names to apply to the label */
    className?: string;
};
export declare function Labelled({ id, label, error, action, helpText, children, labelHidden, requiredIndicator, className, ...rest }: LabelledProps): import("react/jsx-runtime").JSX.Element;
export declare function errorID(id: string): string;
export declare function helpTextID(id: string): string;