import React, { ComponentPropsWithoutRef, ElementType } from 'react';
import { VariantProps } from 'class-variance-authority';
export declare const GLOBAL_MAX_WIDTH = "tw-max-w-screen-xl tw-mx-auto";
export declare const GLOBAL_PADDING = "tw-px-4 sm:tw-px-6 lg:tw-px-8";
declare const section: (props?: ({
    fullWidth?: boolean | null | undefined;
    noPadding?: "noPaddingX" | "noPaddingY" | "noPaddingAll" | null | undefined;
} & {
    class: import("clsx").ClassValue;
    className?: undefined;
}) | ({
    fullWidth?: boolean | null | undefined;
    noPadding?: "noPaddingX" | "noPaddingY" | "noPaddingAll" | null | undefined;
} & {
    class?: undefined;
    className: import("clsx").ClassValue;
}) | ({
    fullWidth?: boolean | null | undefined;
    noPadding?: "noPaddingX" | "noPaddingY" | "noPaddingAll" | null | undefined;
} & {
    class?: undefined;
    className?: undefined;
}) | undefined) => string;
export declare type SectionProps<T extends ElementType> = ComponentPropsWithoutRef<T> & VariantProps<typeof section> & {
    className?: string;
    wrapperClass?: string;
    backgroundImage?: string;
    as?: ElementType;
};
export declare const Section: <T extends React.ElementType<any>>({ children, className, wrapperClass, fullWidth, backgroundImage, noPadding, as, ...props }: SectionProps<T>) => React.JSX.Element;
export {};
