import type { HTMLAttributes } from "react";
export type EnvScope = "production" | "staging" | "preview" | "all" | string;
export interface EnvVar {
    id: string;
    key: string;
    /**
     * Secret value. If `masked` is true, value is hidden by default.
     */
    value: string;
    masked?: boolean;
    scope?: EnvScope;
    /**
     * Read-only marker (e.g. system-managed vars like THEO_DEPLOY_ID).
     */
    readonly?: boolean;
}
interface EnvVarEditorProps extends HTMLAttributes<HTMLDivElement> {
    vars: EnvVar[];
    onAdd?: (entry: Omit<EnvVar, "id">) => void;
    onRemove?: (id: string) => void;
    /**
     * Available scope options for the add form. Defaults to a sensible PaaS set.
     */
    scopeOptions?: EnvScope[];
}
/**
 * EnvVarEditor — table-like editor for environment variables.
 *
 * Mono font on keys/values, mask toggle on secret values, scope badge,
 * remove + copy actions. Add form sits above the list.
 *
 * Stateless: caller controls the list and reacts to onAdd / onRemove.
 */
declare const EnvVarEditor: import("react").ForwardRefExoticComponent<EnvVarEditorProps & import("react").RefAttributes<HTMLDivElement>>;
export { EnvVarEditor };