import React from 'react';
import { CSSProperties } from 'glamor';
import { ApphouseComponent } from '../components/component.interfaces';
export interface AnimatedTextStyles {
    container?: CSSProperties;
    button?: CSSProperties;
    frontText?: CSSProperties;
    backText?: CSSProperties;
}
export interface AnimatedTextProps extends ApphouseComponent<AnimatedTextStyles> {
    text: React.ReactNode;
    /**
     * The font family to use.
     * @default 'inherit' which means it will inherit the font family from the parent.
     */
    fontFamily?: string;
    /**
     * If true, it will transform the text to uppercase.
     * @default false
     */
    uppercase?: boolean;
    /**
     * The font size to use.
     */
    fontSize?: string;
    /**
     * The color of the outlined text
     * @default onPrimary, 90%
     */
    textColor?: boolean;
    /**
     * The color of the mask text
     * @default brand
     * @example 'linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4)'
     */
    maskColor?: string;
}
export declare const AnimatedText: React.FC<AnimatedTextProps>;