Liam
a0dd1b4601
Some checks failed
Deploy Website / docker (ubuntu-latest) (push) Has been cancelled
22 lines
653 B
TypeScript
22 lines
653 B
TypeScript
import Tooltip from "@/components/tooltip";
|
|
import { normalizedRegionName } from "@ssr/common/utils/region-utils";
|
|
|
|
type Props = {
|
|
code: string;
|
|
size?: number;
|
|
};
|
|
|
|
export default function CountryFlag({ code, size = 24 }: Props) {
|
|
return (
|
|
<Tooltip display={<p>{normalizedRegionName(code)}</p>} className={`w-[${size * 2}px] min-w-[${size * 2}px]`}>
|
|
{/* eslint-disable-next-line @next/next/no-img-element */}
|
|
<img
|
|
alt="Player Country"
|
|
src={`/assets/flags/${code.toLowerCase()}.png`}
|
|
width={size * 2}
|
|
className={`w-[${size * 2}px] min-w-[${size * 2}px] object-contain`}
|
|
/>
|
|
</Tooltip>
|
|
);
|
|
}
|