import React, { Component } from 'react';
import {
  StyleSheet,
  View,
} from 'react-native';
import HTMLView from 'react-native-htmlview'

import htmlStyles from '../components/htmlStyles'
import ScrollableContainer from '../components/scrollableContainer'
import ClearText from '../components/text'

export default class Privacy extends Component {
  constructor(props) {
    super()
  }
  render() {
    let body = '<p>' + this.props.content.body + '</p>'
    return (
      <ScrollableContainer heading='Privacy Policy'>
        <View style={styles.body}>
          <HTMLView value={body} stylesheet={htmlStyles} onLinkPress={this.props.onLinkPress} />
        </View>
      </ScrollableContainer>
    )
  }
}

const styles = StyleSheet.create({
  body: {
    width: '90%',
    maxWidth: '650px',
  },
})