import React from 'react';
export interface WarningBlockProps {
    /** Text rendered inside the highlighted warning banner header. */
    title: React.ReactNode;
    /**
     * Icon shown at the start of the banner. Defaults to a triangle alert icon.
     * Pass `null` to hide the icon entirely.
     */
    icon?: React.ReactNode;
    /**
     * Body content rendered below the banner — description paragraphs, one or more
     * `PathsDisplay` lists, command rows, etc. Fully composable so a single block
     * can mix text and multiple path groups (see the New Device warning blocks).
     */
    children?: React.ReactNode;
    /** Extra classes for the outer card container. */
    className?: string;
}
/**
 * WarningBlock - a card with a highlighted "attention / warning" banner header
 * followed by arbitrary body content.
 *
 * The banner reproduces the ODS warning callout (warning color on a muted
 * warning background). Body content is fully composable: pass description
 * paragraphs, one or more `PathsDisplay` lists, command rows, etc. as children.
 *
 * Spacing follows the ODS scale: card padding 16px / gap 12px, banner padding
 * 12px / gap 16px. Typography uses `text-h3`, which is responsive (14px on
 * mobile, 18px from `md` up) and bold by design-token default.
 */
export declare function WarningBlock({ title, icon, children, className }: WarningBlockProps): React.JSX.Element;
//# sourceMappingURL=warning-block.d.ts.map