export type * from "./Section.js";
export type * from "./Section.Header.js";
export type * from "./Section.Content.js";
/**
 * Section wrapper, for stying a box with header and content
 *
 * @see https://bifrost.intility.com/react/section
 *
 * @example
 * <Section>
 *   <Section.Header>Section header</Section.Header>
 *   <Section.Content>Section content</Section.Content>
 * </Section>
 *
 * @example
 * // clickable header
 * <Section>
 *   <a href="#" className="bf-neutral-link">
 *     <Section.Header arrow>
 *       <span className="bf-neutral-link-text">Header-only link</span>
 *     </Section.Header>
 *   </a>
 *   <Section.Content>Section content</Section.Content>
 * </Section>
 */
declare const _default: import("react").ForwardRefExoticComponent<Omit<import("../Box/Box.js").BoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
    /** Header part of a `<Section>` */
    Header: import("react").ForwardRefExoticComponent<import("./Section.Header.js").SectionHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
    /** Content part of a `<Section>` */
    Content: import("react").ForwardRefExoticComponent<Omit<import("../Box/Box.js").BoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
};
export default _default;