import type * as React from 'react';
import type { EditablePreviewProps } from './types.js';
/**
 * The read-mode half of an {@link Editable} — the current text, or your custom `children` — rendered as a `role="button"` `<span>` that opens the editor on click/Enter/Space per `activationMode`.
 *
 * @example
 * ```tsx
 * <Editable defaultValue="Untitled" placeholder="Add a title">
 *   <EditablePreview />
 *   <EditableInput aria-label="Title" />
 * </Editable>
 * ```
 */
export declare const EditablePreview: {
    ({ children, ref: forwardedRef, ...props }: EditablePreviewProps): React.ReactNode;
    displayName: string;
};