import { GrafanaTheme2 } from '@grafana/data';
/**
 * Returns the colors of the background gradient based on the theme.
 *
 * @param theme - The Grafana theme object.
 * @returns The colors of the background gradient as tuple.
 */
export declare const getBackgroundGradientColors: (theme: GrafanaTheme2) => [string, string];
/**
 * Creates animation keyframes for a rotating gradient border effect.
 * This is used for loading states in inputs and other components.
 *
 * @param theme - The Grafana theme object
 * @param backgroundColor - The background color to use in the animation
 * @param color1 - First gradient color (optional, defaults to theme purple)
 * @param color2 - Second gradient color (optional, defaults to theme orange)
 * @returns Animation keyframes object for use with @emotion/css keyframes
 *
 * @example
 * ```ts
 * const borderAnimation = keyframes({
 *   label: 'border-animation',
 *   ...createBorderAnimation(theme, theme.colors.background.primary),
 * });
 * ```
 */
export declare const createBorderAnimation: (theme: GrafanaTheme2, backgroundColor: string, color1?: string, color2?: string) => Record<string, {
    backgroundImage: string;
}>;
//# sourceMappingURL=theme.d.ts.map