import type * as React from "react";
export type McpRequirementListItemProps = {
    /** Leading glyph — a provider mark or a key icon. */
    icon: React.ReactNode;
    /** Primary label: a secret key or an OAuth provider name. */
    title: string;
    /** Render the title in monospace — secret keys read better that way. */
    mono?: boolean;
    /** Metadata shown under the title, rendered dot-separated. */
    meta?: React.ReactNode[];
    /** Trailing action label, e.g. "Add" or "Enable". Omit when `readOnly`. */
    actionLabel?: string;
    /**
     * Render a non-interactive row with a locked "Admin only" affordance, for a
     * requirement the viewer can see but lacks permission to set up.
     */
    readOnly?: boolean;
    /** Tooltip shown on the read-only affordance, explaining why it's locked. */
    readOnlyReason?: React.ReactNode;
} & Omit<React.ComponentProps<"button">, "children" | "title">;
/**
 * A requirement row for the setup dialog. The whole row is the button — the
 * trailing action and chevron are visual affordances, not nested buttons. When
 * `readOnly`, the row is non-interactive and shows an "Admin only" affordance.
 */
export declare function McpRequirementListItem({ icon, title, mono, meta, actionLabel, readOnly, readOnlyReason, className, ...rest }: McpRequirementListItemProps): React.JSX.Element;
//# sourceMappingURL=requirement-list-item.d.ts.map