Hailey
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import React from 'react'
|
|
import {View} from 'react-native'
|
|
|
|
import {atoms as a, useTheme} from '#/alf'
|
|
import {StarterPackIcon} from '#/components/icons/StarterPackIcon'
|
|
import {Link} from '#/components/Link'
|
|
import {Text} from '#/components/Typography'
|
|
|
|
export function StarterPackCard({hideTopBorder}: {hideTopBorder?: boolean}) {
|
|
const t = useTheme()
|
|
|
|
return (
|
|
<Link to={{screen: 'StarterPack', params: {id: 123}}}>
|
|
<View
|
|
style={[
|
|
a.flex_row,
|
|
!hideTopBorder && a.border_t,
|
|
a.px_xl,
|
|
a.py_lg,
|
|
a.gap_md,
|
|
t.atoms.border_contrast_low,
|
|
]}>
|
|
<StarterPackIcon width={36} height={36} />
|
|
<View style={a.gap_md}>
|
|
<View>
|
|
<Text style={[a.font_bold, a.text_md]}>Science</Text>
|
|
<Text style={[t.atoms.text_contrast_medium]}>
|
|
Starter pack by @bossett.social
|
|
</Text>
|
|
</View>
|
|
<Text style={[a.font_bold, t.atoms.text_contrast_medium]}>
|
|
380 users have joined!
|
|
</Text>
|
|
</View>
|
|
</View>
|
|
</Link>
|
|
)
|
|
}
|