import { type SVGProps } from 'react';
import { type ThemeVariant } from '../../theme';
export interface LogoColorPair {
    primary: string;
    secondary: string;
    /** Colour for the "DATA" part of the wordmark (gray in the original brand logo). */
    textColor: string;
    /** Gradient [start, end] for primary (left) bars. */
    primaryGradient: [start: string, end: string];
    /** Gradient [start, end] for secondary (right) bars. */
    secondaryGradient: [start: string, end: string];
}
/**
 * Gradient pattern derived from the original brand logo SVG:
 *   - Left bars:  accent → brand (bright → mid)
 *   - Right bars: hover  → text  (dark  → mid)
 *
 * This mapping is consistent across all four themes.
 */
export declare const THEME_LOGO_COLORS: Record<ThemeVariant, {
    light: LogoColorPair;
    dark: LogoColorPair;
}>;
export declare function getLogoColors(variant?: ThemeVariant, colorMode?: 'light' | 'dark' | 'auto'): LogoColorPair;
export interface DatalayerLogoProps extends Omit<SVGProps<SVGSVGElement>, 'ref'> {
    size?: number;
    variant?: ThemeVariant;
    colorMode?: 'light' | 'dark' | 'auto';
    primaryColor?: string;
    secondaryColor?: string;
    /** Explicit gradient [start, end] for primary (left) bars. */
    primaryGradient?: [start: string, end: string];
    /** Explicit gradient [start, end] for secondary (right) bars. */
    secondaryGradient?: [start: string, end: string];
    /** Enable horizontal gradients matching the original brand logo. Default `true`. */
    gradient?: boolean;
}
export declare const DatalayerLogo: import("react").ForwardRefExoticComponent<DatalayerLogoProps & import("react").RefAttributes<SVGSVGElement>>;
export default DatalayerLogo;