import type * as React from 'react';
export type TagName = keyof Pick<React.JSX.IntrinsicElements, 'div' | 'span' | 'section' | 'article' | 'aside' | 'header' | 'footer' | 'nav' | 'main' | 'address' | 'ol' | 'ul' | 'li' | 'pre'>;
export type Role = 'alert' | 'banner' | 'contentinfo' | 'feed' | 'figure' | 'grid' | 'group' | 'list' | 'listbox' | 'menu' | 'menubar' | 'none' | 'note' | 'option' | 'radiogroup' | 'region' | 'row' | 'rowgroup' | 'status' | 'table' | 'tabpanel' | 'tablist' | 'tooltip';
export type CommonProps = {
    tagName?: TagName
    role?: Role
    id?: string
    testId?: string
    ariaLabelledBy?: string
    ariaDescribedBy?: string
    ariaLabel?: string
    ariaExpanded?: boolean
    ariaDisabled?: boolean
    ariaSelected?: boolean
    ariaActiveDescendant?: string
    ariaMultiSelectable?: boolean
    ariaLive?: 'off' | 'polite' | 'assertive'
    ariaHidden?: boolean
};
export declare const commonPropsToDOMProps: (props: CommonProps) => {
    role: Role | undefined;
    id: string | undefined;
    "data-testid": string | undefined;
    "aria-label": string | undefined;
    "aria-labelledby": string | undefined;
    "aria-describedby": string | undefined;
    "aria-expanded": boolean | undefined;
    "aria-disabled": true | undefined;
    "aria-selected": boolean | undefined;
    "aria-activedescendant": string | undefined;
    "aria-multiselectable": boolean | undefined;
    "aria-live": "off" | "polite" | "assertive" | undefined;
    "aria-hidden": true | undefined;
};