feat: migration 3

packages/bot/src/components/Flag.tsx

@@ -0,0 +1,19 @@
+import { asset } from '@blitzkit/core/src/blitzkit/asset';
+
+interface FlagProps {
+  nation: string;
+}
+
+export function Flag({ nation }: FlagProps) {
+  return (
+    <div
+      style={{
+        width: 22,
+        height: 22,
+        overflow: 'hidden',
+      }}
+    >
+      <img alt={nation} src={asset(`flags/circle/${nation}.webp`)} />
+    </div>
+  );
+}