import { default as React } from 'react';
import { VariantProps } from 'class-variance-authority';
declare const sectionVariants: (props?: ({
    variant?: "footer" | "default" | "hero" | "feature" | "cta" | "testimonial" | null | undefined;
    spacing?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
    background?: "none" | "default" | "surface" | "gradient" | "gradient-primary" | "gradient-secondary" | "gradient-tertiary" | "gradient-vibrant" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
declare const maxWidthClasses: {
    readonly sm: "max-w-sm";
    readonly md: "max-w-md";
    readonly lg: "max-w-lg";
    readonly xl: "max-w-xl";
    readonly '2xl': "max-w-2xl";
    readonly '3xl': "max-w-3xl";
    readonly '4xl': "max-w-4xl";
    readonly '5xl': "max-w-5xl";
    readonly '6xl': "max-w-6xl";
    readonly '7xl': "max-w-7xl";
    readonly full: "max-w-full";
};
type MaxWidth = keyof typeof maxWidthClasses;
interface SectionProps extends VariantProps<typeof sectionVariants> {
    children: React.ReactNode;
    /** Classes applied to the outer section element */
    className?: string;
    /** Classes applied to the inner container div */
    containerClassName?: string;
    /** Max width of the inner container. Defaults to '7xl' */
    maxWidth?: MaxWidth;
    as?: keyof React.JSX.IntrinsicElements;
    id?: string;
    /** If true, children are rendered directly without the inner container */
    fullWidth?: boolean;
}
/**
 * Section component for page content areas.
 *
 * Section extends full viewport width (for backgrounds), while its inner container
 * is constrained by max-width and has horizontal padding.
 *
 * Use `fullWidth` prop when you need to manage the inner container yourself
 * (e.g., for sections with custom inner layouts).
 */
export declare const Section: React.FC<SectionProps>;
export {};
//# sourceMappingURL=section.d.ts.map