import { MedalFormatter } from '@/lib/formatters/MedalFormatter';
import { RankMedalProps, RankMedal as UiRankMedal } from '@/ui/RankMedal';

export function RankMedal(props: RankMedalProps) {
  const variant = MedalFormatter.getVariant(props.rank);
  const bg = MedalFormatter.getBg(props.rank);
  const color = MedalFormatter.getColor(props.rank);

  return (
    <UiRankMedal 
      {...props} 
      variant={variant as any} 
      bg={bg} 
      color={color} 
    />
  );
}