import { Interpolation, Theme } from '@emotion/react';
import { HTMLAttributes } from 'react';
export type PlayerTimerProps<PlayerId> = {
    playerId: PlayerId;
    customStyle?: ((playing: boolean, timeLeft: number) => Interpolation<Theme>)[];
} & HTMLAttributes<HTMLSpanElement>;
export declare const PlayerTimer: <PlayerId extends any>(props: PlayerTimerProps<PlayerId>) => import("@emotion/react/jsx-runtime").JSX.Element | null;
export type PlayerTimerDisplayProps<PlayerId> = PlayerTimerProps<PlayerId> & {
    playerTime: number;
};
export declare const PlayerTimerDisplay: <PlayerId extends any>({ playerTime, playerId, customStyle, ...props }: PlayerTimerDisplayProps<PlayerId>) => import("@emotion/react/jsx-runtime").JSX.Element;
export declare const blinkOnRunningTimeout: (playing: boolean, timeLeft: number) => false | import("@emotion/utils").SerializedStyles;