Flags
tsx
import { Flex } from '@semcore/base-components';
import Flags, { iso2Name, type FlagsIso2 } from '@semcore/flags';
import { Text } from '@semcore/typography';
import React from 'react';
const Demo = () => {
const keys = Object.keys(iso2Name) as FlagsIso2[];
return (
<Flex flexWrap>
{keys.map((name) => (
<Flex direction='column' alignItems='center' p={5} key={name}>
<Flags name={name} mb={2} />
<Text style={{ textAlign: 'center' }} noWrap w={160}>
{iso2Name[name]}
</Text>
</Flex>
))}
</Flex>
);
};
export default Demo;