/**
 * @file LayoutContent.tsx
 * @input Uses React StyleX, LayoutSlotsContext
 * @output Exports LayoutContent component and LayoutContentProps
 * @position Scrollable main content area for Layout. Wraps the primary body content
 *   with automatic scroll containment and context-aware padding.
 *
 * SYNC: When modified, update these files to stay in sync:
 * - /packages/core/src/Layout/Layout.doc.mjs
 * - /apps/storybook/stories/Layout.stories.tsx
 * - /packages/cli/assets/templates/blocks/components/Layout/ (showcase blocks)
 */
import type { AriaRole, ReactNode } from 'react';
import type { BaseProps } from '../BaseProps';
import type { SpacingStep } from '../utils/types';
export interface LayoutContentProps extends BaseProps<HTMLDivElement> {
    ref?: React.Ref<HTMLDivElement>;
    /**
     * Content to render inside the content area.
     */
    children?: ReactNode;
    /**
     * Internal padding of the content area using the spacing scale.
     * Accepts numeric spacing steps: 0, 0.5, 1, 1.5, 2, 3, 4, 5, 6, 8, 10.
     * Overrides the default padding from the layout container.
     */
    padding?: SpacingStep;
    /**
     * Enables scrollable overflow for the content area.
     * Set to false for auto-height layouts where sticky positioning
     * needs to work with parent containers.
     * @default true
     */
    isScrollable?: boolean;
    /**
     * Accessible label for the landmark.
     * Required when role is set and multiple landmarks of the same type exist.
     */
    label?: string;
    /**
     * ARIA landmark role for accessibility.
     * Use 'main' only for the primary content area of the page (not in nested layouts).
     */
    role?: AriaRole;
}
/**
 * Scrollable main content area for Layout. Wraps the primary body content
 * with automatic scroll containment and context-aware padding.
 *
 * Already provides its own padding and scroll — don't add padding or
 * overflow to children. Use `padding={0}` if you need edge-to-edge content.
 *
 * @example
 * ```
 * <LayoutContainer variant="card">
 *   <Layout
 *     header={<LayoutHeader>Title</LayoutHeader>}
 *     content={<LayoutContent>Main body content</LayoutContent>}
 *   />
 * </LayoutContainer>
 * <LayoutContainer variant="card">
 *   <Layout
 *     content={
 *       <LayoutContent padding={0}>
 *         <Table />
 *       </LayoutContent>
 *     }
 *   />
 * </LayoutContainer>
 * <LayoutContainer variant="card">
 *   <Layout
 *     content={
 *       <LayoutContent isScrollable={false}>
 *         <StickyElement />
 *       </LayoutContent>
 *     }
 *   />
 * </LayoutContainer>
 * ```
 */
export declare function LayoutContent({ children, isScrollable, padding, label, role, xstyle, className, style, ref, ...props }: LayoutContentProps): import("react").JSX.Element;
export declare namespace LayoutContent {
    var displayName: string;
}
//# sourceMappingURL=LayoutContent.d.ts.map