import { Interpolation, Theme } from '@emotion/react';
import { Player } from '@gamepark/react-client';
import { FC, HTMLAttributes, ReactNode } from 'react';
import { SpeechBubbleProps } from '../Avatar';
import { MaterialFocus } from '../material';
type CountersProps = {
    image: string;
    value: number | string;
} & {
    imageCss?: Interpolation<Theme>;
};
type StyledPlayerPanelProps = {
    player: Player;
    mainCounter?: CountersProps;
    counters?: CountersProps[];
    countersPerLine?: number;
    backgroundImage?: string;
    playerFocus?: MaterialFocus;
    activeRing?: boolean;
    timerOnRight?: boolean;
    /** Content of the speech bubble displayed next to the player avatar. Hides the chat bubble while displayed. */
    speak?: ReactNode;
    /** Set to false to silence the avatar, true to keep the chat bubble even when no speech bubble props are given. */
    speechBubble?: boolean;
    /** Overrides the speech bubble configuration (direction, css, event handlers...). */
    speechBubbleProps?: SpeechBubbleProps;
} & HTMLAttributes<HTMLDivElement>;
export declare const StyledPlayerPanel: FC<StyledPlayerPanelProps>;
export {};