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


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

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

}

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

export default ReminderBoxList;