stream.place
Live video on the AT Protocol
1import { User } from "@tamagui/lucide-icons";
2import { Text, View } from "tamagui";
3
4export default function Viewers({ viewers }: { viewers: number }) {
5 return (
6 <View
7 justifyContent="center"
8 flexDirection="row"
9 alignItems="center"
10 paddingHorizontal="$2"
11 paddingVertical="$1"
12 >
13 <User color="#fd5050" />
14 <Text
15 color="#fd5050"
16 textShadowColor="black"
17 textShadowOffset={{ width: -1, height: 1 }}
18 textShadowRadius={3}
19 >
20 {new Intl.NumberFormat(undefined, { notation: "compact" }).format(
21 viewers,
22 )}
23 </Text>
24 </View>
25 );
26}