import type { HTMLAttributes, ReactNode } from "react";
import type { DeploymentStatus } from "../deployment-row/deployment-row.js";
export interface PreviewService {
    /** Service name e.g. "api", "web", "worker". */
    name: string;
    /** Live URL or null if not exposed (worker). */
    url?: string;
    status: DeploymentStatus;
}
export interface PreviewEnv {
    id: string;
    prNumber: number;
    prTitle: string;
    branch: string;
    author?: {
        name: string;
        avatarUrl?: string;
    };
    services: PreviewService[];
    createdAt: string;
}
interface PreviewEnvCardProps extends HTMLAttributes<HTMLDivElement> {
    env: PreviewEnv;
    actions?: ReactNode;
}
/**
 * PreviewEnvCard — preview environment card surfacing all services from one PR.
 *
 * Theo's killer feature: full-stack preview environments. The card shows:
 *   - PR number + title at the top
 *   - branch + author in the metadata row
 *   - one badge per service with its own status + URL
 *   - bottom action row (Open, Promote, Delete)
 */
declare const PreviewEnvCard: import("react").ForwardRefExoticComponent<PreviewEnvCardProps & import("react").RefAttributes<HTMLDivElement>>;
export { PreviewEnvCard };