import { type HTMLAttributes } from "react";
import { type CustomTypographyComponent, type TypographyHTMLElement } from "./Typography.js";
export interface SrOnlyProps extends HTMLAttributes<TypographyHTMLElement> {
    /** @defaultValue `"span"` */
    as?: CustomTypographyComponent;
    /**
     * Set this to `true` if the content should only be screen reader only text on
     * phones. This is useful for only displaying an icon on phones when there is
     * limited space and then displaying an icon and text on larger devices.
     *
     * @defaultValue `false`
     */
    phoneOnly?: boolean;
    /**
     * Set this to `true` if the element should be keyboard focusable.
     *
     * @defaultValue `false`
     */
    focusable?: boolean;
}
/**
 * **Server Component**
 *
 * @example Simple Example
 * ```tsx
 * import { SrOnly } from "@react-md/core";
 * import type { ReactElement } from "react";
 *
 * function Example(): ReactElement {
 *   return (
 *     <>
 *       <SrOnly>
 *         I am only visible to screen readers.
 *       </SrOnly>
 *       <SrOnly focusable>
 *         I am only visible to screen readers but can be focused.
 *       </SrOnly>
 *     </>
 *   );
 * }
 * ```
 */
export declare const SrOnly: import("react").ForwardRefExoticComponent<SrOnlyProps & import("react").RefAttributes<TypographyHTMLElement>>;
