/// <reference types="react" />
import { SystemProps } from '@chakra-ui/react';
import { Color } from "../../core/types";
export interface IAppHeader {
    /**
     * Optional children to render in the center part of the header.
     * Typically used for navigation or other content that resides
     * between the logo and end actions.
     */
    children?: React.ReactNode;
    /**
     * The background color of the header.
     */
    backgroundColor?: Color;
    /**
     * A callback to render a custom logo in the left part of the header.
     * This function should return a ReactNode, such as an image or
     * text logo.
     *
     * @example
     * renderLogo={() => <Text>My Logo</Text>}
     */
    renderLogo?: () => React.ReactNode;
    /**
     * A callback to render content at the end of the header, typically
     * for profile, settings, or other actions.
     *
     * @example
     * renderEnd={() => <ProfileIcon />}
     */
    renderEnd?: () => React.ReactNode;
    /**
     * The pixel value at which the layout collapses or changes.
     * This prop helps control the responsive design of the header.
     */
    breakpointWidth?: number;
    /**
     * Padding inside the header. Can accept values such as '10px', '1rem',
     * or Chakra's padding props for different breakpoints (e.g., `{ base: '2', md: '4' }`).
     */
    padding?: SystemProps['padding'];
}