import type { FactoryPayload } from '../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/lib'
import type { EmotionSx } from '@mantine/emotion'

import type { EmotionStyles } from '../emotion/index.cjs'
import type { ShadingColor } from '../theme/colors.cjs'
import type { Color } from '../theme/theme.cjs'

declare module '../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/lib' {
  interface MantineThemeColorsOverride {
    colors: Record<Color | (string & {}), ShadingColor>
  }
  interface StylesApiPropsOverride<Payload extends FactoryPayload> {
    styles?: EmotionStyles<Payload>
  }
  interface BoxProps {
    sx?: EmotionSx
  }
}

declare module '@mantine/core' {
  interface MantineThemeColorsOverride {
    colors: Record<Color | (string & {}), ShadingColor>
  }
  interface StylesApiPropsOverride<Payload extends FactoryPayload> {
    styles?: EmotionStyles<Payload>
  }
  interface BoxProps {
    sx?: EmotionSx
  }
}
interface AppShellProps {
    /**
     * The banner to display at the top of the app
     */
    banner?: React.ReactNode;
    /**
     * Sections of the navbar for user to customize
     */
    navbar: {
        /**
         * Custom width of the navbar
         */
        width?: number;
        /**
         * The logo to display in the navbar
         */
        logo: React.ReactNode;
        /**
         * The left section of the navbar header, which is usually the logo
         * If not provided, the logo will be used as the left section
         * @default undefined
         */
        headerLeftSection?: React.ReactNode;
        /**
         * Custom content rendered in the navbar section between the header and the main menu.
         */
        aboveMenu?: React.ReactNode;
        /**
         * The footer section of the navbar
         */
        footer: React.ReactNode;
        /**
         * The callback function to handle logo click
         */
        onLogoClick?: () => void;
        /**
         * Trigger when the navbar is collapsed
         */
        onCollapse?: () => void;
        /**
         * Trigger when the navbar is expanded
         */
        onExpand?: () => void;
    };
}
/**
 * The app shell component is purely for display
 * and not related to any business feature
 */
export declare const AppShell: ({ banner, navbar, children }: React.PropsWithChildren<AppShellProps>) => import("react/jsx-runtime.js").JSX.Element;
export {};