import { DetailedHTMLProps } from 'react';
import { FC } from 'react';
import { HTMLAttributes } from 'react';
import { IStyledComponentBase } from 'styled-components/dist/types';
import { RuleSet } from 'styled-components';
import { Substitute } from 'styled-components/dist/types';

declare type AddDollarSign<T> = {
    [K in keyof T as `$${string & K}`]: T[K];
};

declare type AddDollarSign_2<T> = {
    [K in keyof T as `$${string & K}`]: T[K];
};

export declare const addRipple: RuleSet<    {
$isRipple?: boolean;
}>;

export declare const addRippleDefault: RuleSet<object>;

export declare const DEFAULT_RIPPLE_DURATION = 600;

export declare const DEFAULT_RIPPLE_ID = "JENESEI_RIPPLE";

export declare const Ripple: FC<RippleProps>;

export declare interface RippleArrayElement {
    x: number;
    y: number;
    size: number;
}

export declare const RippleContainer: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<RippleProps>>> & string;

export declare type RippleContainerProps = AddDollarSign<RippleProps>;

export declare interface RippleProps {
    duration?: number;
    color?: string;
    isDisabled?: boolean;
    isHidden?: boolean;
}

export declare const RippleSpan: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, AddDollarSign_2<RippleProps>>> & string;

export { }