import { JSX } from 'react';
import { Section, MixedSection } from '../state';
import { FunctionComponent } from 'react';
export default function Area({ sections, availableSections, fallbacks, className, }: {
    /** The sections to render. */
    sections: Section<MixedSection>[];
    /**
     * The sections this area is capable of rendering, as an object that returns server components.
     * Typically this is all available components for the theme, but can be a limited list for
     * certain areas.
     */
    availableSections: {
        [key: string]: (props: any) => JSX.Element | Promise<JSX.Element | null>;
    };
    /** Fallback skeletons for each component to be rendered while loading */
    fallbacks: {
        [key: string]: FunctionComponent<{
            variant?: string;
        }> | undefined;
    };
    className?: string;
}): Promise<import("react/jsx-runtime").JSX.Element | null>;
//# sourceMappingURL=area.d.ts.map