import React, {useState} from 'react';
import {Text, StyleSheet} from 'react-native';

const styles = StyleSheet.create({
  baseText: {
    fontFamily: 'Cochin',
  },
  titleText: {
    fontSize: 20,
    fontWeight: 'bold',
  },
});

type BlurbData = {
  title: string;
  blurb: string;
}

const Blurb = (props: BlurbData) => {
    return(
    <Text style={styles.baseText}>
      <Text style={styles.titleText}>{props.title}</Text>
      {'\n'}
      {props.blurb}
      {'\n'}
      {'\n'}
    </Text>
  );
}

export default Blurb;
