/// <reference types="react" />
import { Color } from '@naturacosmeticos/natds-themes';
import { BrandTypes } from '../../brandTypes/brandTypes';
declare type RippleColors = keyof Pick<Color, 'primary' | 'highlight'>;
export interface RippleProps {
    /**
     * The animation duration
     */
    animationDuration?: number;
    /**
     * The brand optional props
     */
    brand?: BrandTypes;
    /**
     * The element that will have the ripple effect applied
     */
    children: React.ReactNode;
    /**
     * The color of ripple
     */
    color?: RippleColors;
    /**
     * If `true`, the ripple effect is disabled
     */
    disabled?: boolean;
    /**
     *
     */
    fullWidth?: boolean;
    /**
     * If `true`, the ripple exceeds the element
     */
    hideOverflow?: boolean;
    /**
     * If `true`, align the ripple in the center of element
     */
    isCentered?: boolean;
    /**
     * If `true`, will add a hover equal Ripple effect to the children component
     */
    showHover?: boolean;
    /**
     * If `true`, will add an effect equal Ripple effect
     * when the the children component is on focus
     */
    focus?: boolean;
    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
    radius?: 'none' | '50%';
}
export {};