import { default as React, ReactNode } from 'react';
export interface SectionProps {
    /** The content of the section. */
    children: React.ReactNode;
    /**
     * Main section title.
     * When defined the component will render as a `<section>` HTML element; if **not** defined it will render as a `<div>` HTML element.
     */
    title?: ReactNode;
    /** Size for the title prop. */
    titleSize?: "normal" | "small";
    /** Specify `none` to remove border. */
    border?: "none";
    /** This will render a button on the right side of the row. */
    actionButton?: ReactNode;
    /** CSS classes. */
    className?: string;
    /** Ref forwarded to the root element (`<section>` or `<div>`). */
    ref?: React.Ref<HTMLDivElement>;
}
/**
 * The Section component represents a section of the application. It can have a title and an action button.
 */
export declare const Section: import('./SkeletonTemplate').SkeletonTemplateComponent<{
    children: React.ReactNode;
    title?: React.ReactNode;
    titleSize?: "normal" | "small"
    /** Specify `none` to remove border. */
     | undefined;
    border?: "none"
    /** This will render a button on the right side of the row. */
     | undefined;
    actionButton?: React.ReactNode;
    className?: string
    /** Ref forwarded to the root element (`<section>` or `<div>`). */
     | undefined;
    ref?: React.Ref<HTMLDivElement> | undefined;
    delayMs?: number | undefined;
    isLoading?: boolean | undefined;
}>;