import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
import { SectionBackground, SectionSpacing } from './types.js';

interface AlternatingBlockSection {
    content: React.ReactNode;
    media: React.ReactNode;
    mediaLeft?: boolean;
}
interface AlternatingBlocksProps {
    /**
     * Array of sections to display with alternating layout
     */
    sections: AlternatingBlockSection[];
    /**
     * Section title (optional)
     */
    title?: string;
    /**
     * Section subtitle/eyebrow (optional)
     */
    subtitle?: string;
    /**
     * Background style variant
     * @default "white"
     */
    background?: SectionBackground;
    /**
     * Vertical spacing variant
     * @default "lg"
     */
    spacing?: SectionSpacing;
    /**
     * Additional CSS classes for the Section wrapper
     */
    className?: string;
    /**
     * Additional CSS classes for the content container
     */
    contentClassName?: string;
}
/**
 * AlternatingBlocks component displays content sections with alternating media placement.
 * Uses the Section component for consistent spacing, backgrounds, and optional titles.
 *
 * @example
 * ```tsx
 * <AlternatingBlocks
 *   title="Our Story"
 *   subtitle="About Us"
 *   background="gray"
 *   spacing="xl"
 *   sections={[
 *     {
 *       content: <div><h3>Title</h3><p>Description</p></div>,
 *       media: <img src="..." alt="..." />,
 *       mediaLeft: false
 *     }
 *   ]}
 * />
 * ```
 */
declare function AlternatingBlocks({ sections, title, subtitle, background, spacing, className, contentClassName, }: AlternatingBlocksProps): react_jsx_runtime.JSX.Element;

export { type AlternatingBlockSection, AlternatingBlocks, type AlternatingBlocksProps };
