admin

components/CountryFlag.tsx

@@ -0,0 +1,25 @@
+interface CountryFlagProps {
+  flagImage?: string | null;
+  flagEmoji?: string | null;
+  countryName: string;
+  size?: 'sm' | 'md' | 'lg';
+}
+
+export default function CountryFlag({
+  flagImage,
+  flagEmoji,
+  countryName,
+  size = 'md',
+}: CountryFlagProps) {
+  const sizeClasses = {
+    sm: 'text-lg',
+    md: 'text-2xl',
+    lg: 'text-4xl',
+  };
+
+  return (
+    <span className={sizeClasses[size]} title={countryName}>
+      {flagEmoji || ''}
+    </span>
+  );
+}