blitzkit/src/components/Flag.tsx

import { asset } from '../core/blitzkrieg/asset';

interface FlagProps {
  nation: string;
}

export function Flag({ nation }: FlagProps) {
  return (
    <div
      style={{
        width: 22,
        height: 22,
        overflow: 'hidden',
      }}
    >
      <img src={asset(`flags/circle/${nation}.webp`)} alt={nation} />
    </div>
  );
}