import type { CSSProperties } from 'react';
/** CSS style bags for colorful gradient background, border, and heading text. */
export interface GradientStyles {
    background: CSSProperties;
    border: CSSProperties;
    heading: CSSProperties;
}
/** Returns light-mode colorful gradient CSS styles. */
export declare const colorfulGradientLightMode: () => {
    background: {
        backgroundImage: string;
    };
    border: {
        borderImage: string;
        borderImageSlice: number;
        borderImageSource: string;
        borderRadius: number;
        borderStyle: string;
        borderWidth: string;
    };
    heading: {
        WebkitBackgroundClip: string;
        WebkitTextFillColor: string;
        background: string;
        display: string;
    };
};
/** Returns dark-mode colorful gradient CSS styles. */
export declare const colorfulGradientDarkMode: () => {
    background: {
        backgroundImage: string;
    };
    border: {
        borderImage: string;
        borderImageSlice: number;
        borderImageSource: string;
        borderRadius: number;
        borderStyle: string;
        borderWidth: string;
    };
    heading: {
        WebkitBackgroundClip: string;
        WebkitTextFillColor: string;
        background: string;
        display: string;
    };
};
/**
 * Returns theme-aware colorful gradient styles for light or dark mode.
 * @returns Gradient styles for background, border, and heading.
 */
export declare const useGradientStyles: () => {
    background: {
        backgroundImage: string;
    };
    border: {
        borderImage: string;
        borderImageSlice: number;
        borderImageSource: string;
        borderRadius: number;
        borderStyle: string;
        borderWidth: string;
    };
    heading: {
        WebkitBackgroundClip: string;
        WebkitTextFillColor: string;
        background: string;
        display: string;
    };
};
//# sourceMappingURL=GradientStyles.d.ts.map