import { type ReactElement } from 'react';
import type { RouterViewProps } from './types';
/**
 * RouterView component that renders the matched route component.
 * Acts as a placeholder where route components are rendered based on the current route.
 * Supports nested routing with automatic depth tracking.
 *
 * @param props - Component props
 * @param props.fallback - Optional fallback component when no route matches
 *
 * @example
 * ```tsx
 * // Basic usage
 * import { RouterView } from '@esmx/router-react';
 *
 * function App() {
 *   return (
 *     <div>
 *       <nav>
 *         <RouterLink to="/">Home</RouterLink>
 *         <RouterLink to="/about">About</RouterLink>
 *       </nav>
 *       <RouterView />
 *     </div>
 *   );
 * }
 * ```
 *
 * @example
 * ```tsx
 * // Nested routing
 * // Routes: [
 * //   { path: '/users', component: UsersLayout, children: [
 * //     { path: ':id', component: UserProfile }
 * //   ]}
 * // ]
 *
 * function UsersLayout() {
 *   return (
 *     <div>
 *       <h1>Users</h1>
 *       <RouterView /> // Renders UserProfile for /users/:id
 *     </div>
 *   );
 * }
 * ```
 *
 * @example
 * ```tsx
 * // With fallback
 * import { RouterView } from '@esmx/router-react';
 *
 * function App() {
 *   return (
 *     <RouterView fallback={<div>Page not found</div>} />
 *   );
 * }
 * ```
 */
export declare function RouterView({ fallback }: RouterViewProps): ReactElement | null;
export declare namespace RouterView {
    var displayName: string;
}