import * as react from 'react';
import { HTMLAttributes, ReactNode, ElementType } from 'react';

interface SectionProps extends HTMLAttributes<HTMLElement> {
    children?: ReactNode;
    /** Vertical rhythm between sections. Default `md`. */
    space?: "sm" | "md" | "lg";
    /** Draw the hairline rule that opens the section. */
    divider?: boolean;
    /** The element to render. Defaults to `section`. */
    as?: ElementType;
}

/**
 * Vertical rhythm between page sections, with the optional opening hairline.
 *
 * Pairs with `Eyebrow`, which is what usually sits at the top of one. The rule
 * is a prop rather than a caller-drawn border because half the gallery styles
 * drew it and half forgot, and an inconsistent rule reads as a bug.
 */
declare const Section: react.ForwardRefExoticComponent<SectionProps & react.RefAttributes<HTMLElement>>;

export { Section, type SectionProps };