import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
import {
  responsiveFontSize,
  responsiveHeight,
  responsiveWidth,
} from 'react-native-responsive-dimensions';

type TitleProps = {
  text?: string;
};

const Title = (props: TitleProps) => (
  <View style={styles.container}>
    <Text style={styles.text}>{props.text}</Text>
  </View>
);

const styles = StyleSheet.create({
  container: {
    width: responsiveWidth(80),
    height: responsiveHeight(8),
    justifyContent: 'center',
  },

  text: {
    textAlign: 'center',
    fontSize: responsiveFontSize(2.8),
    lineHeight: responsiveHeight(3.8),
    fontFamily: 'Merriweather-Regular',
  },
});
export default Title;