/**
 * @fileoverview Phase 3: Gradient-Aware Styled Components
 * Styled components that integrate with the gradient system
 */
import { GlassmorphicTheme } from '../types/theme';
import { GradientGlassConfig, gradientGlassPresets } from '../theme/gradientGlassmorphism';
export declare const GradientContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    gradientType?: keyof GlassmorphicTheme["gradients"]["backgrounds"];
    animated?: boolean;
    animationType?: "flowing" | "pulsing" | "shifting" | "shimmer";
}>> & string;
export declare const GradientGlassCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    preset?: keyof typeof gradientGlassPresets;
    customConfig?: GradientGlassConfig;
    interactive?: boolean;
}>> & string;
export declare const GradientBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    gradientType?: keyof GlassmorphicTheme["gradients"]["borders"];
    width?: number;
    radius?: number;
    animated?: boolean;
}>> & string;
export declare const GradientText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
    gradientType?: keyof GlassmorphicTheme["gradients"]["backgrounds"];
    animated?: boolean;
}>> & string;
export declare const GradientButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
    variant?: "primary" | "secondary" | "accent";
    size?: "small" | "medium" | "large";
    glassEffect?: boolean;
    animated?: boolean;
}>> & string;
export declare const GradientOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    gradientType?: keyof GlassmorphicTheme["gradients"]["overlays"];
    opacity?: number;
    blendMode?: string;
}>> & string;
export declare const GradientHero: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
    animated?: boolean;
    parallax?: boolean;
}>> & string;
export declare const GradientNavBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
    transparent?: boolean;
    blur?: boolean;
}>> & string;
export declare const GradientModalBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    animated?: boolean;
}>> & string;
export declare const GradientSpinner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    size?: number;
    gradientType?: keyof GlassmorphicTheme["gradients"]["backgrounds"];
}>> & string;
export declare const createGradientComponent: <T extends Record<string, any>>(baseComponent: any, defaultGradientType?: keyof GlassmorphicTheme["gradients"]["backgrounds"]) => import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<any, T & {
    gradientType?: keyof GlassmorphicTheme["gradients"]["backgrounds"];
    animated?: boolean;
}>> & (string | (string & Omit<any, keyof import("react").Component<any, {}, any>>));
export declare const gradientAnimations: {
    flow: import("styled-components/dist/models/Keyframes").default;
    pulse: import("styled-components/dist/models/Keyframes").default;
    shift: import("styled-components/dist/models/Keyframes").default;
    shimmer: import("styled-components/dist/models/Keyframes").default;
};