Create ActivationCard.tsx
This commit is contained in:
parent
2bb603c276
commit
f1ba2eb61f
|
@ -0,0 +1,30 @@
|
||||||
|
import { YStack } from 'tamagui'
|
||||||
|
import { Text } from '@status-im/components'
|
||||||
|
|
||||||
|
type ActivationCardProps = {
|
||||||
|
text: string
|
||||||
|
value: string
|
||||||
|
}
|
||||||
|
|
||||||
|
const ActivationCard = ({ text, value }: ActivationCardProps) => {
|
||||||
|
return (
|
||||||
|
<YStack
|
||||||
|
style={{
|
||||||
|
borderRadius: '16px',
|
||||||
|
border: '1px solid rgba(0, 0, 0, 0.15)',
|
||||||
|
padding: '12px 16px',
|
||||||
|
backgroundColor: '#FFF',
|
||||||
|
width: '100%',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Text size={13} weight={'semibold'}>
|
||||||
|
{text}
|
||||||
|
</Text>
|
||||||
|
<Text size={19} color="blue" weight={'semibold'}>
|
||||||
|
{value}
|
||||||
|
</Text>
|
||||||
|
</YStack>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default ActivationCard
|
Loading…
Reference in New Issue