import * as react from 'react';
import { ReactNode } from 'react';

/**
 * Different variants represent different application level layouts:
 *
 *  - The "left-aligned" variant is a layout with a left aligned navigation menu. This
 *    is traditionally used for applications with several levels of navigation.
 *
 *  - The "center-aligned" variant is a standard, horizontally centered application. This
 *    is a fairly conventional layout used for content  rich websites.
 */
type LayoutVariant = 'left-aligned' | 'center-aligned';
interface ContentProps {
    children: ReactNode | ReactNode[];
    /**
     * If true, a `<main />` tag is used, which tells web scrapers and accessibility devices
     * that the content is of significant importance. There should only be a single `<main />
     * element per page.
     */
    main?: boolean;
    /**
     * The layout variant to use. Defaults to 'center-aligned'.
     */
    layout?: LayoutVariant;
    className?: string;
    bgcolor?: string;
}
declare const Content: react.ForwardRefExoticComponent<ContentProps & react.RefAttributes<HTMLDivElement>>;

export { Content, type ContentProps, type LayoutVariant, Content as default };