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
  }
}
import { ReactNode } from 'react';
import { BoxProps, GroupProps } from '../../primitive/index.cjs';
export interface PageHeaderProps extends GroupProps {
    /**
     * Determines whether the header should be sticky
     * Default: false
     */
    sticky?: boolean;
    leftSection?: React.ReactNode;
    rightSection?: React.ReactNode;
}
/**
 * From https://github.com/tidbcloud/dbaas-ui/blob/427559c99458ccd2e8b0d6c77ed44baa603d5ef7/src/dbaas/layouts/v4/page/PageShell.tsx#L7
 */
export interface PageShellProps {
    /**
     * @deprecated
     * Use wrapperProps.className instead
     */
    className?: string;
    /**
     * @deprecated
     * Use headerProps.className instead
     */
    headerClassName?: string;
    /**
     * @deprecated
     * Use bodyProps.className instead
     */
    bodyClassName?: string;
    /**
     * @deprecated
     * Use headerProps.sticky instead
     *
     * Determines whether the header should be sticky
     * Default: false
     */
    headerSticky?: boolean;
    /**
     * @deprecated
     * Use headerProps.rightSection instead
     */
    headerRightSection?: React.ReactNode;
    /**
     * @deprecated
     * Use headerProps.withBack and headerProps.onBackClick instead
     */
    headerBack?: boolean | (() => void);
    title?: React.ReactNode;
    /**
     * A `div` wrapper goes around header and body
     * Default: false
     */
    wrapped?: boolean;
    wrapperProps?: BoxProps & {
        component?: any;
    };
    headerProps?: GroupProps & {
        /**
         * Determines whether the header should be sticky,
         * Default: false
         */
        sticky?: boolean;
        /**
         * Right section of header
         */
        rightSection?: React.ReactNode;
        /**
         * Determines whether the back icon should be rendered
         */
        withBack?: boolean;
        /**
         * Called when the back icon is clicked
         */
        onBackClick?: () => void;
    };
    bodyProps?: BoxProps & {
        component?: any;
    };
    children?: ReactNode;
}
export declare const PageShell: {
    ({ className, headerClassName, bodyClassName, headerSticky, headerRightSection, headerBack, title, wrapped, wrapperProps, headerProps: { withBack, onBackClick, ...headerProps }, bodyProps, children }: PageShellProps): import("react/jsx-runtime.js").JSX.Element;
    Header: ({ sticky, leftSection, rightSection, children, ...restProps }: PageHeaderProps) => import("react/jsx-runtime.js").JSX.Element;
};