import { FC } from 'react';
import { UserAuthState } from '../../store/userAuth';
interface UserAuthCardProps {
    connectorId: string;
    connectorName: string;
    connectorLogo: string;
    variant: UserAuthState;
    /** Optional reason from the backend (e.g. `workspace_mismatch`,
     *  `site_access_denied`, `refresh_failed`). Used to pick
     *  variant-specific copy below. */
    reason?: string;
    /** Called once the connect popup flow lands at `connected`.
     *  Typically retries the original API call that surfaced the
     *  412. Pass-through to useUserAuthFlow. */
    onConnected?: () => void;
}
/**
 * Renders Figma frames 1 and 4 (and their variants). Same component
 * for both — the only difference is the badge + copy.
 *
 * - `disconnected` / `unknown` → frame 1: "Sign in to use X"
 * - `reauth_required`          → frame 4: "Authentication failed"
 * - `workspace_mismatch`       → frame 4 with workspace-specific copy
 * - `in_progress`              → button disabled + spinner; the
 *   centered modal owns the user's attention but the card body
 *   stays mounted so layout doesn't shift when the modal closes.
 * - `connected`                → this component shouldn't render
 *   when state === connected; the parent routes to the normal card.
 *   Defensive fall-through renders nothing.
 */
declare const UserAuthCard: FC<UserAuthCardProps>;
export default UserAuthCard;
//# sourceMappingURL=index.d.ts.map