import * as React from 'react';
export interface MingoOnboardingCardAction {
    /** Stable React key. */
    id: string;
    /** Button label (e.g. "Recent", "Search", "Find"). Rendered as-is. */
    label: React.ReactNode;
    /** Click handler — receives the original mouse event so callers that
     *  also have a card-level `onClick` can `stopPropagation`. */
    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
}
export interface MingoOnboardingCardProps {
    /** Leading 16×16 icon rendered to the left of the title row. */
    icon?: React.ReactNode;
    /** Card title (DM Sans Medium 14px, white). Truncates on overflow. */
    title: React.ReactNode;
    /** Slash-command label rendered right-aligned in the title row (e.g. `/roadmap`). */
    slashCommand?: React.ReactNode;
    /** Optional description rendered below the title row. */
    description?: React.ReactNode;
    /** Optional row of small outline action buttons rendered below the
     *  description (e.g. `Recent`, `Search`, `Find`). When supplied, the
     *  card itself stays a non-interactive `<div>` — each action button
     *  owns its own click contract. */
    actions?: ReadonlyArray<MingoOnboardingCardAction>;
    /** Optional click handler — when set AND `actions` is empty/undefined,
     *  the card renders as a `<button>` with hover/focus affordances.
     *  Ignored when `actions` is non-empty. */
    onClick?: () => void;
    /** Optional className appended to the root element. */
    className?: string;
}
/**
 * MingoOnboardingCard — Figma node `7363:205939`.
 *
 * A single onboarding/slash-command row card used inside the chat
 * empty-state list. Background `ods-card` (#212121), `border-b` (#3a3a3a)
 * acts as a 1-px divider between stacked cards; the consumer is expected
 * to render multiple cards in a column inside a `rounded-md` container so
 * the bottom-most card's `last:border-b-0` keeps the visual frame clean.
 *
 * Typography mirrors Figma's `h6 - captions` (DM Sans Medium 14px,
 * letter-spacing 0). Title uses `text-ods-text-primary`, the right-rail
 * `/cmd` label and the description use `text-ods-text-secondary`.
 *
 * Optional `actions` row renders small outline-chip buttons below the
 * description (Recent / Search / Find pattern from the legacy chip-grid)
 * so each row can expose multiple affordances without leaving the card.
 */
export declare function MingoOnboardingCard({ icon, title, slashCommand, description, actions, onClick, className, }: MingoOnboardingCardProps): React.JSX.Element;
//# sourceMappingURL=mingo-onboarding-card.d.ts.map