import { MouseEvent, ReactElement } from 'react';
import { Composition } from '@goatim/client';
import { To } from 'react-router';
export type CompositionRankingTheme = 'dark' | 'light';
export interface CompositionRankingProps {
    compositions?: Composition[];
    toComposition?: To;
    onClickComposition?: (composition: Composition, event: MouseEvent<HTMLButtonElement>) => unknown;
    pinned?: Composition;
    theme?: CompositionRankingTheme;
}
export declare function CompositionRanking({ compositions, toComposition, onClickComposition, pinned, theme, }: CompositionRankingProps): ReactElement;
