import { FC, SVGProps, HTMLProps, ReactElement } from 'react';

type ProductType = 'HIVE' | 'HIVE_GATEWAY' | 'CONDUCTOR' | 'YOGA' | 'ENVELOP' | 'INSPECTOR' | 'CODEGEN' | 'MESH' | 'TOOLS' | 'MODULES' | 'ESLINT' | 'CONFIG' | 'SCALARS' | 'SOFA' | 'STITCHING' | 'ANGULAR' | 'WHATSAPP' | 'KITQL' | 'SSE' | 'WS' | 'FETS' | 'HELTIN' | 'NEXTRA' | 'STELLATE';
interface ProductInfo {
    name: string;
    title: string;
    href: `https://${string}`;
    logo: FC<SVGProps<SVGElement>> | FC<HTMLProps<HTMLElement>>;
    primaryColor: `#${string}`;
}
declare const PRODUCTS: Record<ProductType, ProductInfo>;
declare const FOUR_MAIN_PRODUCTS: ProductInfo[];
declare const SIX_HIGHLIGHTED_PRODUCTS: ProductInfo[];
/** List of products displayed in hamburger menu. */
declare const PRODUCTS_MENU_LIST: {
    [k: string]: {
        type: "separator";
        title: ReactElement;
    } | {
        href: string;
        title: ReactElement;
    };
};

export { FOUR_MAIN_PRODUCTS, PRODUCTS, PRODUCTS_MENU_LIST, type ProductInfo, type ProductType, SIX_HIGHLIGHTED_PRODUCTS };