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

export default class ClearText extends Component {
  render() {
    let { style, ...others } = this.props
    if (style) {
      style = [ styles.text, style ]
    }
    else {
      style = styles.text
    }
    return (
      <Text style={style} children={this.props.children} {...others} />
    )
  }
}

const styles = StyleSheet.create({
  text: {
    color: '#ffffff',
    fontFamily: '"Futura-Medium", sans-serif',
    textAlign: 'center',
    fontSize: 16,
    lineHeight: 30,
  }
})