import React, { JSX } from "react";
export declare function createId(...args: string[]): string;
/**
 * This component wraps a section and limits the width of it's content as well as requiring an id to reference to this section
 **/
/**
 * A reusable container component that wraps content with consistent styling
 * and optional decorative elements. It helps organize page sections with
 * controlled width and visual enhancements.
 */
declare const SectionContainer: React.ForwardRefExoticComponent<{
    decoration?: "dark" | "light" | undefined;
    section?: string | undefined;
    className?: string | undefined;
    onClick?: JSX.IntrinsicElements["div"]["onClick"];
} & {
    children?: React.ReactNode;
} & React.RefAttributes<HTMLDivElement>>;
export default SectionContainer;
