import React from "react";
/**
 * Every brand the kit draws: the channels a business reaches people through and the services Lotics connects to.
 * Anything else takes a generic `Icon`, so no byline claims a brand the record lacks. Each logo is its owner's
 * current artwork, pulled by `npm run generate:brand-logos` (`dev/brand_logos.ts`), never drawn by hand.
 */
export declare const BRAND_NAMES: readonly ["facebook", "instagram", "threads", "meta", "tiktok", "google-ads", "zalo", "linkedin", "x", "google-meet", "youtube", "telegram", "whatsapp", "gmail", "google-drive", "outlook", "kiotviet", "misa", "lark", "payos"];
export type BrandName = (typeof BRAND_NAMES)[number];
/** The brand's own name, as it spells it. */
export declare function brandLabel(name: BrandName): string;
export interface BrandMarkProps {
    name: BrandName;
    /** Defaults to 16, the byline size. */
    size?: number;
    /** For a surface where coloured logos would compete with the content. */
    muted?: boolean;
    testID?: string;
}
/**
 * A third-party brand's logo, saying where a touchpoint happened or which service a connection reaches. Not a
 * general icon (`Icon` owns the curated glyphs); an allowlist, so an unknown name fails to typecheck rather than
 * drawing the wrong logo.
 *
 * An image rather than inline markup: the artwork is the owner's file, and an image cannot run it or collide
 * with another logo's ids.
 */
export declare function BrandMark(props: BrandMarkProps): React.JSX.Element | null;