Eric Bailey
bd17f04810
* Add storybook shortcut in dev * Migrate to alg pkg * Migrate font_bold to new font_semi_bold * Migrate font_heavy to font_bold * Fix old theme refs * Remove leading util * Bump * Revert "Add storybook shortcut in dev" This reverts commit 7a86195c77fb5d449c7782e64ebabb6addfab919. * Remove alf script * Adjust font scale * Bump * Bump pkg * Migrate values from conflicts * Create default themes outside react * Use built-in alf utils * Migrate old font styles * Remove unused tokens * Move theme creation to more appropriate file * Update button colors * Adjust TextField colors, line heights
39 lines
855 B
TypeScript
39 lines
855 B
TypeScript
import {View} from 'react-native'
|
|
import {Trans} from '@lingui/macro'
|
|
|
|
import {Logo} from '#/view/icons/Logo'
|
|
import {atoms as a, useTheme} from '#/alf'
|
|
import {Text} from '#/components/Typography'
|
|
|
|
export function Badge() {
|
|
const t = useTheme()
|
|
return (
|
|
<View style={[a.align_start]}>
|
|
<View
|
|
style={[
|
|
a.pl_md,
|
|
a.pr_lg,
|
|
a.py_sm,
|
|
a.rounded_full,
|
|
a.flex_row,
|
|
a.align_center,
|
|
a.gap_xs,
|
|
{
|
|
backgroundColor: t.palette.primary_25,
|
|
},
|
|
]}>
|
|
<Logo fill={t.palette.primary_600} width={14} />
|
|
<Text
|
|
style={[
|
|
a.font_semi_bold,
|
|
{
|
|
color: t.palette.primary_600,
|
|
},
|
|
]}>
|
|
<Trans>Announcement</Trans>
|
|
</Text>
|
|
</View>
|
|
</View>
|
|
)
|
|
}
|