/**
 * @docunator
 * @title ZenHeaderProps
 * @description Props for the ZenHeader component
 * @category Navigation Components Props
 */
type ZenHeaderProps = {
    useTopSafeArea?: boolean;
    showBackButton?: boolean;
    title?: string;
    rightIcon?: string;
    onRightIconPress?: () => void;
    rightAccessory?: any;
    automaticDrawerIcon?: string;
    goBack?: () => void;
    goBackIcon?: string;
};
/**
 * @docunator
 * @title ZenHeader
 * @description A simple header component that will adapt to the current theme and display a title and a back button if needed
 * @category Navigation Components
 * @param {boolean} useTopSafeArea - Whether to use the top safe area or not
 * @param {string} title - The title to display in the header
 * @param {boolean} showBackButton - Whether to show the back button or not
 * @param {string} rightIcon - The name of the right icon to display
 * @param {function} onRightIconPress - The function to call when the right icon is pressed
 * @param {Element} rightAccessory - Any React Element to show on the right side of the header
 * @param {string} automaticDrawerIcon If any string is indicated, it will show a drawer icon that will open the drawer when pressed
 * @param {function} goBack - The function to call when the back button is pressed
 * @param {string} goBackIcon - The name of the back icon to display
 * @link https://github.com/danilor/zen-ui/blob/main/example/src/App.tsx#L93
 * @author Danilo Ramírez Mattey
 * @version 1.0.0
 * @example {tsx}
import { ZenDark, ZenThemeProvider } from 'react-zen-ui';

export default function App() {

  const headerComponent = (props: NativeStackHeaderProps) => (
    <ZenHeader
      automaticDrawerIcon={'menu'}
      showBackButton={props.navigation.canGoBack()}
      title={props.options.title as string}
      goBack={()=>{ props.navigation.goBack(); }}
      {...props}
    />
  );

  return (
       <ZenThemeProvider theme={ZenDark}>
        <Stack.Navigator
          screenOptions={{
            animation: 'default',
            headerShown: true,
            header: headerComponent,
         }}
        >
            // OTHER STACK SCREEN ELEMENTS AND COMPONENTS HERE
         </Stack.Navigator>
       </ZenThemeProvider>
   );
 }
  {/tsx}
 * @link https://reactnavigation.org/
 *
 */
export default function ZenHeader({ useTopSafeArea, title, showBackButton, rightIcon, onRightIconPress, rightAccessory, automaticDrawerIcon, goBack, goBackIcon, }: ZenHeaderProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=ZenHeader.d.ts.map