ansxor.ca
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 馃挮
1import {View} from 'react-native'
2import {Trans} from '@lingui/macro'
3
4import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
5import {Logo} from '#/view/icons/Logo'
6import {atoms as a, useTheme} from '#/alf'
7import {Text} from '#/components/Typography'
8
9export function Badge() {
10 const t = useTheme()
11 const enableSquareButtons = useEnableSquareButtons()
12 return (
13 <View style={[a.align_start]}>
14 <View
15 style={[
16 a.pl_md,
17 a.pr_lg,
18 a.py_sm,
19 enableSquareButtons ? a.rounded_sm : a.rounded_full,
20 a.flex_row,
21 a.align_center,
22 a.gap_xs,
23 {
24 backgroundColor: t.palette.primary_25,
25 },
26 ]}>
27 <Logo fill={t.palette.primary_600} width={14} />
28 <Text
29 style={[
30 a.font_semi_bold,
31 {
32 color: t.palette.primary_600,
33 },
34 ]}>
35 <Trans>Announcement</Trans>
36 </Text>
37 </View>
38 </View>
39 )
40}