/// <reference types="node" />
import { MouseEvent, ReactElement } from 'react';
import { Composition } from '@goatim/client';
import { UrlObject } from 'url';
export type CompositionRankingTheme = 'dark' | 'light';
export interface CompositionRankingProps {
    compositions?: Composition[];
    compositionHref?: string | UrlObject;
    onClickComposition?: (composition: Composition, event: MouseEvent<HTMLButtonElement>) => unknown;
    pinned?: Composition;
    theme?: CompositionRankingTheme;
}
export declare function CompositionRanking({ compositions, compositionHref, onClickComposition, pinned, theme, }: CompositionRankingProps): ReactElement;
