import * as React from "react"; import { View, ViewStyle, StyleProp } from "react-native"; import { DefaultTheme } from "styled-components"; declare type Props = Partial> & { /** * Whether the background color is a dark color. A dark appbar will render light text and vice-versa. */ dark?: boolean; /** * Content of the `Appbar`. */ children: React.ReactNode; /** * @optional */ theme?: DefaultTheme; style?: StyleProp; }; export declare const DEFAULT_APPBAR_HEIGHT = 56; /** * A component to display action items in a bar. It can be placed at the top or bottom. * The top bar usually contains the screen title, controls such as navigation buttons, menu button etc. * The bottom bar usually provides access to a drawer and up to four actions. * * By default Appbar uses primary color as a background, in dark theme with `adaptive` mode it will use surface colour instead. * *
* *
* * ## Usage * ```js * import * as React from 'react'; * import Appbar from 'react-native-simple-elements/components/Appbar'; * import { StyleSheet } from 'react-native'; * * const MyComponent = () => ( * * console.log('Pressed archive')} * /> * console.log('Pressed mail')} /> * console.log('Pressed label')} /> * console.log('Pressed delete')} * /> * * ); * * export default MyComponent * * const styles = StyleSheet.create({ * bottom: { * position: 'absolute', * left: 0, * right: 0, * bottom: 0, * }, * }); * ``` */ declare const Appbar: ({ children, dark, style, ...rest }: Props) => JSX.Element; export default Appbar; declare const AppbarWithTheme: ({ children, dark, style, ...rest }: Props) => JSX.Element; export { AppbarWithTheme as Appbar };