import * as React from 'react';
export interface MingoOnboardingCardSkeletonProps {
    /** Title bar width — Tailwind width utility. Defaults to `w-32`. Vary
     *  per row in the list skeleton so the stack doesn't look uniform. */
    titleWidth?: string;
    /** Slash-command bar width — Tailwind width utility. Defaults to `w-20`. */
    slashWidth?: string;
    /** Description lines (1 or 2). Defaults to 2 — matches the typical
     *  card from Figma node `7363:205938`. */
    descriptionLines?: 1 | 2;
    /** Chip widths for the action row. Defaults to mirror the
     *  `Recent / Search / Find` triad from the live cards. Pass an
     *  empty array to hide the chip row entirely (matches `actions: []`). */
    chipWidths?: ReadonlyArray<string>;
    /** Optional className appended to the root cell. */
    className?: string;
}
/**
 * 1:1 skeleton placeholder for `MingoOnboardingCard` (Figma node
 * `7363:205939`).
 *
 * Mirrors the live card's outer structure pixel-for-pixel:
 *   - `p-[var(--spacing-system-s)]` cell, `bg-ods-card`,
 *     `border-b border-ods-border last:border-b-0` divider
 *   - `size-4` icon slot, `text-h6`-tall title bar + right-aligned
 *     slash-command bar
 *   - 1–2 description lines using `text-h6`-tall bars
 *   - `h-7` outline-chip placeholders matching the card's action row
 *
 * Render multiple inside a `rounded-md border border-ods-border
 * overflow-hidden` container so the bottom-border on each row forms
 * a 1-px divider, identical to how the live list stacks.
 */
export declare function MingoOnboardingCardSkeleton({ titleWidth, slashWidth, descriptionLines, chipWidths, className, }: MingoOnboardingCardSkeletonProps): React.JSX.Element;
export interface MingoOnboardingListSkeletonProps {
    /** Row count. Defaults to 6 — fills the typical empty-state
     *  viewport so the loader doesn't pop in shorter than the resolved
     *  list. */
    rows?: number;
    /** Optional className appended to the rounded outer container. */
    className?: string;
}
/**
 * Stack of `MingoOnboardingCardSkeleton` rows wrapped in the same
 * `rounded-md border overflow-hidden` shell the live empty-state
 * list uses. Drop-in replacement for the resolved card list while
 * `/api/docs/commands` is in-flight.
 *
 * Row widths cycle through a deterministic palette so the stack
 * doesn't look uniform but also doesn't shift between renders.
 */
export declare function MingoOnboardingListSkeleton({ rows, className, }: MingoOnboardingListSkeletonProps): React.JSX.Element;
//# sourceMappingURL=mingo-onboarding-card-skeleton.d.ts.map