UNPKG

@prosperitainova/dumbo-react-native

Version:
35 lines 1.79 kB
import React from 'react'; import { ViewProps, StyleProp, ViewStyle, GestureResponderEvent } from 'react-native'; import type { NavigationButton } from '../../types/navigation'; import { LinkProps } from '../Link'; /** Props for TopNavigationBarLogin component */ export type TopNavigationBarLoginProps = { /** Title to show */ title: string; /** Sub title to use. This can include links by padding ReactNode. Normally body-compact-02 styling if using ReactNode */ subTitle?: string | React.ReactNode; /** Text for back button (this will auto style. This shoudl be `Back` or `Prior_page_name` depending on context. See design file for usage.) */ backText?: string; /** On press event for back button */ backOnPress?: (event: GestureResponderEvent) => void; /** Right link to load */ rightLink?: LinkProps; /** Right navigation items to load (will not be loaded if rightLink is used). Do not use more than 2 or can get funky looking. */ rightItems?: NavigationButton[]; /** Style to set on the item */ style?: StyleProp<ViewStyle>; /** Direct props to set on the React Native component (including iOS and Android specific props). Most use cases should not need this. */ componentProps?: ViewProps; }; /** * TopNavigationBarLogin component for rendering the top navigation bar for login flows (which is different from regular views) * * {@link https://github.com/carbon-design-system/carbon-react-native/blob/main/example/src/Views/TopNavigationBarLogin.tsx | Example code} */ export declare class TopNavigationBarLogin extends React.Component<TopNavigationBarLoginProps> { private get styles(); private get baseHeader(); private get pageHeader(); render(): React.ReactNode; } //# sourceMappingURL=index.d.ts.map