/**
 * Creating Ripple Effects
 * In order to use this, you need to do the following.
 * 1. Place this in the parent component. The parent component needs to have position relative.
 * 2. Inside the parent component, create a new component with the className .panda-ripple-animation
 * 3. Wrap the child content and position relative that. You must do this if you want the child content to not be effected
 */
export declare const _getRippleEffect: ({ activeColor, hoverColor, isFocusable, }: {
    activeColor: string;
    hoverColor: string;
    isFocusable?: boolean | undefined;
}) => import("styled-components").FlattenSimpleInterpolation;
export declare const _getDisabledEffect: ({ disabledColor, }: {
    disabledColor?: string | undefined;
}) => import("styled-components").FlattenSimpleInterpolation;
export declare const SkeletonEffect: import("styled-components").FlattenSimpleInterpolation;