one/types/views/Protected.d.ts

One is a new React Framework that makes Vite serve both native and web.

import { type FunctionComponent, type ReactElement, type ReactNode } from 'react';
declare const Group: any;
export type ProtectedProps = {
    guard: boolean;
    children?: ReactNode;
};
/**
 * Wrap screens in a Protected component to conditionally show/hide them based on the guard prop.
 *
 * When `guard` is `false`, the wrapped screens are filtered out and cannot be navigated to.
 * When `guard` is `true`, the wrapped screens are available for navigation.
 *
 * Works with any navigator: Stack, Tabs, Drawer, or custom Navigator.
 *
 * @example
 * ```tsx
 * import { Stack, Protected } from 'one'
 *
 * export default function Layout() {
 *   const { isAuthed } = useAuth()
 *   return (
 *     <Stack>
 *       <Stack.Screen name="login" />
 *       <Protected guard={isAuthed}>
 *         <Stack.Screen name="dashboard" />
 *         <Stack.Screen name="settings" />
 *       </Protected>
 *     </Stack>
 *   )
 * }
 * ```
 */
export declare const Protected: FunctionComponent<ProtectedProps>;
export { Group };
/**
 * Type guard to check if a React element is a Protected component with a guard prop.
 */
export declare function isProtectedElement(child: ReactNode): child is ReactElement<ProtectedProps>;
//# sourceMappingURL=Protected.d.ts.map