import { default as React } from 'react';
import { default as ILayoutProps } from './ILayoutProps';
/**
 * A layout component that provides consistent spacing and structure for page content
 * Can be used with or without sections, and includes compound components for more complex layouts
 * @param props {@link ILayoutProps} - Props for the Layout component
 * @returns The rendered Layout component
 *
 * @example
 * ```tsx
 * // Default
 * function App() {
 *   return (
 *     <Layout>
 *       ...Your component
 *     </Layout>
 *   );
 * }
 * ```
 *
 * @example
 * ```tsx
 * // Sectioned
 * function AppSectioned() {
 *   return (
 *     <Layout sectioned>
 *       ...Your component
 *     </Layout>
 *   );
 * }
 * ```
 *
 * @example
 * ```tsx
 * // Compound components
 * function AppCompound() {
 *   return (
 *     <Layout>
 *       <LayoutSection>
 *         ...Your component
 *       </LayoutSection>
 *       <AnnotatedSection title="Title" description="Description">
 *         ...Your component
 *       </AnnotatedSection>
 *     </Layout>
 *   )
 * }
 * ```
 */
declare const Layout: React.FunctionComponent<ILayoutProps>;
export default Layout;