import { type ValidationMessageProps } from '../validation-message/validation-message';
export type FieldCounterProps = {
    /**
     * Label template for when `maxCount` is exceeded.
     * Use `%d` to insert the number of characters.
     *
     * @default '%d tegn for mye'
     */
    over?: string;
    /**
     * Label template for count.
     * Use `%d` to insert the number of characters.
     *
     * @default '%d tegn igjen'
     */
    under?: string;
    /**
     * @deprecated The hint attribute is deprecated.
     */
    hint?: string;
    /**
     * The maximum allowed characters.
     *
     * @default undefined
     **/
    limit: number;
} & ValidationMessageProps;
/**
 * FieldCounter component, used to display a counter for a form field.
 *
 * @example
 * <Field>
 *   <Input />
 *   <Field.Counter limit={100} under='%d tegn igjen' over='%d tegn for mye' />
 * </Field>
 */
export declare const FieldCounter: import("react").ForwardRefExoticComponent<{
    /**
     * Label template for when `maxCount` is exceeded.
     * Use `%d` to insert the number of characters.
     *
     * @default '%d tegn for mye'
     */
    over?: string;
    /**
     * Label template for count.
     * Use `%d` to insert the number of characters.
     *
     * @default '%d tegn igjen'
     */
    under?: string;
    /**
     * @deprecated The hint attribute is deprecated.
     */
    hint?: string;
    /**
     * The maximum allowed characters.
     *
     * @default undefined
     **/
    limit: number;
} & Omit<Omit<import("../../types").DefaultProps, "data-color"> & import("react").HTMLAttributes<HTMLParagraphElement>, "data-color" | "asChild"> & {
    'data-color'?: import("packages/types/dist/types").SeverityColors;
    asChild?: boolean;
} & import("react").RefAttributes<HTMLParagraphElement>>;
//# sourceMappingURL=field-counter.d.ts.map