aboutsummaryrefslogtreecommitdiff
path: root/src/screens/badge/BadgeListHeader.tsx
blob: 27335dfbdf2d9f33415281abb10d97129f285a9c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
import React from 'react';
import {View, Text, StyleSheet} from 'react-native';
import {SCREEN_WIDTH, normalize} from '../../utils';

interface BadgeHeaderProps {
  title: String;
}

const BadgeListHeader: React.FC<BadgeHeaderProps> = ({title}) => {
  return (
    <View style={styles.headerContainer}>
      <Text style={styles.header}>{title}</Text>
    </View>
  );
};

const styles = StyleSheet.create({
  headerContainer: {
    width: SCREEN_WIDTH * 0.75,
    marginHorizontal: SCREEN_WIDTH * 0.125,
    marginBottom: '2%',
    marginTop: '4%',
  },
  header: {
    fontSize: normalize(20),
    fontWeight: '700',
    lineHeight: normalize(23.87),
    color: '#fff',
    textAlign: 'center',
  },
});

export default BadgeListHeader;