import { BoxProps, ChakraComponent } from '@chakra-ui/react';
export declare const templateVariantArray: readonly ["full", "narrow", "sidebarLeft", "sidebarRight"];
export type TemplateVariant = typeof templateVariantArray[number];
export interface TemplateProps {
    /** Specifies the layout and DOM structure related to the content region. */
    variant?: TemplateVariant;
}
export interface TemplateChildProps extends BoxProps {
}
export interface TemplateMainProps extends TemplateChildProps {
}
/**
 * The main top-level parent component that wraps all template-related
 * components.
 */
declare const Template: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<TemplateProps> & React.RefAttributes<HTMLDivElement>>, React.PropsWithChildren<TemplateProps>>;
/**
 * This component renders an HTML `<header>` element.
 */
declare const TemplateHeader: React.FC<React.PropsWithChildren<TemplateChildProps>>;
/**
 * This component renders an HTML `<footer>` element.
 */
declare const TemplateFooter: React.FC<React.PropsWithChildren<TemplateChildProps>>;
/**
 * This component renders an HTML `<main>` element.
 */
declare const TemplateMain: React.FC<React.PropsWithChildren<TemplateChildProps>>;
/**
 * This optional component spans the full width of the browser window
 * (edge-to-edge). It is most useful for `Breadcrumbs`, `Hero`, or other
 * banner-like components.
 */
declare const TemplateBreakout: React.FC<React.PropsWithChildren<TemplateChildProps>>;
/**
 * This optional component will span the full width of the content area and will
 * render content at a max width of 1280px.
 */
declare const TemplateFull: React.FC<React.PropsWithChildren<TemplateChildProps>>;
/**
 * The width of this component is dependent on the value of the `variant` prop.
 */
declare const TemplateContent: React.FC<React.PropsWithChildren<TemplateMainProps>>;
/**
 * This optional component is used to render content in a sidebar column. For
 * proper rendering, this component must be paired with the `TemplateMain`
 * component and the `variant` prop must be set to "sidebarLeft" or
 * "sidebarRight".
 */
declare const TemplateSidebar: React.FC<React.PropsWithChildren<TemplateChildProps>>;
export { Template, TemplateBreakout, TemplateContent, TemplateFooter, TemplateFull, TemplateHeader, TemplateMain, TemplateSidebar, };