import { JSX } from 'react';
import { ButtonProps } from '../button/button';
import { PolymorphicComponentPropWithRef } from '../react-types';
export type AppHeaderProps = React.ComponentPropsWithoutRef<"header">;
export type AppSidebarProps = React.ComponentPropsWithoutRef<"dialog">;
export type AppStickyProps = React.ComponentPropsWithoutRef<"div">;
export type AppMainProps = React.ComponentPropsWithoutRef<"main">;
export type AppFooterProps = React.ComponentPropsWithoutRef<"footer">;
export type AppProps<As extends React.ElementType = "div"> = PolymorphicComponentPropWithRef<As, {
    "data-variant"?: "mobilebar";
}>;
type AppComponent = <As extends React.ElementType = "div">(props: AppProps<As>) => JSX.Element;
export declare const App: AppComponent & {
    Header: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
    Sidebar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref"> & import('react').RefAttributes<HTMLDialogElement>>;
    Sticky: AppComponent;
    Toggle: import('react').ForwardRefExoticComponent<Omit<ButtonProps<"button">, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
    Main: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
    Footer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
    Script: () => JSX.Element;
};
export {};