import { type VariantProps } from 'class-variance-authority';
import * as React from 'react';
declare const sectionVariants: (props?: ({
    width?: "container" | "narrow" | "wide" | "fluid" | null | undefined;
    px?: "none" | "sm" | "lg" | "md" | null | undefined;
    py?: "none" | "sm" | "lg" | "md" | "xl" | null | undefined;
    tone?: "plain" | "tint" | "subtle" | null | undefined;
    text?: "base" | "lg" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type SectionProps = React.HTMLAttributes<HTMLElement> & VariantProps<typeof sectionVariants> & {
    as?: 'section' | 'div' | 'main' | 'header' | 'footer' | 'aside' | 'article' | 'nav';
    ref?: React.Ref<HTMLElement>;
};
export declare function Section({ as, className, width, px, py, tone, text, ref, ...props }: SectionProps): import("react/jsx-runtime").JSX.Element;
export { sectionVariants };