29 lines
712 B
TypeScript
29 lines
712 B
TypeScript
import React from 'react';
|
|
import { StyleSheet, View, ViewProps } from 'react-native';
|
|
import Icon from './Icon';
|
|
import { useTheme } from './themes';
|
|
|
|
interface BlueBigCheckmarkProps extends ViewProps {}
|
|
|
|
export function BlueBigCheckmark(props: BlueBigCheckmarkProps) {
|
|
const { colors } = useTheme();
|
|
return (
|
|
<View style={[styles.container, props.style]}>
|
|
<Icon name="check" size={50} type="font-awesome" color={colors.successCheck} />
|
|
</View>
|
|
);
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
backgroundColor: '#ccddf9',
|
|
width: 120,
|
|
height: 120,
|
|
borderRadius: 60,
|
|
alignSelf: 'center',
|
|
justifyContent: 'center',
|
|
marginTop: 0,
|
|
marginBottom: 0,
|
|
},
|
|
});
|