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