import React from 'react';
import { ToastAndroid } from 'react-native';
import {
  View,
  Text,
  List,
  ListItem,
} from 'native-base';


class ReminderList extends React.Component {
  constructor(props) {
    super(props)
  }

  render() {
    const { containerStyle } = styles
    return (
      <View>
        <Text>{this.props.periodText}</Text>
        <View style={containerStyle}>
          <List dataArray={this.props.items}
            renderRow={(item) =>
              <ListItem>
                <Text>{item.medName}</Text>
              </ListItem>
            }>
          </List>
        </View>
      </View>
    )
  }

}

const styles = {
  containerStyle: {
    flex: 1,
    height: 200,
    backgroundColor: 'white',
    borderWidth: 5,
    borderRadius: 2,
    borderColor: '#1686C4',
    borderBottomWidth: 0,
    elevation: 1,
  }
}

export default ReminderList