import { default as React } from 'react';
export type LiquidPoolDirection = 'toDiamond' | 'toPool';
export type LiquidPoolShape = 'circle' | 'rect';
export type LiquidPoolCoreScaleMode = 'available' | 'used';
export interface LiquidPoolProps {
    /**
     * Matches the CodePen animation (gooey/blur + contrast) inside a compact container.
     * @default 'circle'
     */
    shape?: LiquidPoolShape;
    /** Size in px when `shape="circle"` @default 96 */
    size?: number;
    /** Width in px when `shape="rect"` @default 140 */
    width?: number;
    /** Height in px when `shape="rect"` @default 140 */
    height?: number;
    /** Background color behind the gooey blobs @default '#000' */
    backgroundColor?: string;
    /** Blob/droplet color (CodePen uses white) @default '#fff' */
    inkColor?: string;
    /** Blur amount in px (CodePen uses 8) @default 8 */
    blurPx?: number;
    /** Contrast multiplier (CodePen uses 18) @default 18 */
    contrast?: number;
    /**
     * CSS `mix-blend-mode` for the gooey layer.
     * - CodePen uses `screen` which can create halos on transparent/light backgrounds.
     * - Use `'normal'` for a “normal” look.
     * @default 'screen'
     */
    mixBlendMode?: React.CSSProperties['mixBlendMode'];
    /**
     * Scale of the liquid/goo content inside the container (does NOT change the container size).
     * - `1` = default size
     * - `0.8` = smaller liquid inside same container
     * - `1.2` = bigger liquid inside same container
     * @default 1
     */
    liquidScale?: number;
    /**
     * Multiplier for how many extra “splash” droplets to spawn per credit.
     * - `1` means: 1 credit = 1 droplet (recommended for syncing)
     * - `2` means: 1 credit = 2 droplets (more dramatic)
     * @default 1
     */
    burstCount?: number;
    /**
     * When `availableCredits === 0`, the pool will "dry out" (animate) and then become blank.
     * This controls how long the dry-out animation lasts before switching to blank.
     * Set to `0` to become blank immediately.
     * @default 0
     */
    dryOutMs?: number;
    /**
     * Which credit count should drive the core blob size.
     * @default 'available'
     */
    coreScaleMode?: LiquidPoolCoreScaleMode;
    /**
     * Minimum scale applied to the core blob (when the ratio is 0).
     * @default 0.6
     */
    coreScaleMin?: number;
    /**
     * Maximum scale applied to the core blob (when the ratio is 1).
     * @default 1
     */
    coreScaleMax?: number;
}
declare const LiquidPool: React.FC<LiquidPoolProps>;
export default LiquidPool;
//# sourceMappingURL=LiquidPool.d.ts.map