Create ActivationCard.tsx

This commit is contained in:
Hristo Nedelkov 2023-08-29 11:51:27 +03:00
parent 2bb603c276
commit f1ba2eb61f
1 changed files with 30 additions and 0 deletions

View File

@ -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