export declare const cardVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "beige" | "hyper" | "navy" | "yellow" | "white" | "default"> & {
    theme?: import("@emotion/react").Theme;
}) => import("@codecademy/variance").CSSObject;
export declare const shadowVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"shadow", false | "outline" | "none" | "patternLeft" | "patternRight"> & {
    theme?: import("@emotion/react").Theme;
}) => import("@codecademy/variance").CSSObject;
export declare const patternFadeInOut: {
    initial: {
        opacity: number;
        transition: {
            duration: number;
            ease: string;
        };
    };
    animate: {
        opacity: number;
        transition: {
            duration: number;
            ease: string;
        };
    };
};
export declare const hoverShadowLeft: (borderRadius?: string) => {
    initial: {
        boxShadow: string;
        borderRadius: string | undefined;
        transition: {
            duration: number;
            ease: string;
        };
    };
    initialOutline: {
        boxShadow: string;
        borderRadius: string | undefined;
        transition: {
            duration: number;
            ease: string;
        };
    };
    animate: {
        transform: string;
        boxShadow: string;
        borderRadius: string | undefined;
        transition: {
            duration: number;
            ease: string;
        };
    };
    animateOutline: {
        transform: string;
        boxShadow: string;
        borderRadius: string | undefined;
        transition: {
            duration: number;
            ease: string;
        };
    };
};
export declare const hoverShadowRight: (borderRadius?: string) => {
    initial: {
        boxShadow: string;
        borderRadius: string | undefined;
        transition: {
            duration: number;
            ease: string;
        };
    };
    animate: {
        transform: string;
        boxShadow: string;
        borderRadius: string | undefined;
        transition: {
            duration: number;
            ease: string;
        };
    };
};