import { ReactNode } from 'react';
import type { AsElementType, OtherHTMLAttributes } from '@instructure/shared-types';
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
type ScreenReaderContentOwnProps = {
    /**
     * the element type to render as
     */
    as?: AsElementType;
    /**
     * content meant for screen readers only
     */
    children?: ReactNode;
    /**
     * provides a reference to the underlying html root element
     */
    elementRef?: (element: Element | null) => void;
};
type PropKeys = keyof ScreenReaderContentOwnProps;
type AllowedPropKeys = Readonly<Array<PropKeys>>;
type ScreenReaderContentProps = ScreenReaderContentOwnProps & OtherHTMLAttributes<ScreenReaderContentOwnProps> & WithStyleProps<null, ScreenReaderContentStyle>;
type ScreenReaderContentStyle = ComponentStyle<'screenReaderContent'>;
declare const allowedProps: AllowedPropKeys;
export type { ScreenReaderContentProps, ScreenReaderContentStyle };
export { allowedProps };
//# sourceMappingURL=props.d.ts.map