import type { ReactNode } from 'react';
/**
 * Bordered panel with a header divider — Dashboard, modals, and list-heavy views.
 * Matches Settings/Section card rhythm: `px-6` gutters, `py-4` header, body flush
 * below the divider with its own padding.
 */
export declare function PanelSection({ title, description, action, children, className, }: {
    title?: ReactNode;
    description?: ReactNode;
    action?: ReactNode;
    children: ReactNode;
    className?: string;
}): import("react/jsx-runtime").JSX.Element;
/** Standard inset for list rows / table bodies inside a {@link PanelSection}. */
export declare const PANEL_LIST_ROW_CLASS = "hover:bg-accent/50 focus-visible:bg-accent/50 w-full px-6 py-4 text-left transition-colors";
//# sourceMappingURL=PanelSection.d.ts.map