import React, {useState} from 'react';
import {Text, View, StyleSheet} from 'react-native';
import NotificationAddView from './view';

const NotificationAdd = (props) => {
      const [selectedValue, setSelectedValue] = useState('1');
      const options = [
          {label: 'Gửi cá nhân', value: '1'},
          {label: 'Gửi tập thể lớp', value: '2'},
        ];
      const onValueChange = value => {
          setSelectedValue(value);
        };
        const items = [
          { id: 1, label: 'Option 1' },
          { id: 2, label: 'Option 2' },
          { id: 3, label: 'Option 3' },
        ];
       const [dataList, setDataList] = useState([
            { id: 1, name: 'Nguyễn Minh Đức' },
            { id: 2, name: 'Trần Văn Hùng' },
            { id: 3, name: 'Lê Thị Mai' },
            { id: 4, name: 'Phạm Quốc Khánh' },
            { id: 5, name: 'Hoàng Anh Tuấn' },
            { id: 6, name: 'Vũ Thị Hằng' },
            { id: 7, name: 'Ngô Văn Nam' },
            { id: 8, name: 'Đinh Thị Lan' },
            { id: 9, name: 'Bùi Văn Phúc' },
            { id: 10, name: 'Lý Thị Hoa' },
            { id: 11, name: 'Phan Minh Hoàng' },
            { id: 12, name: 'Tạ Thị Hương' },
            { id: 13, name: 'Đoàn Văn Dũng' },
            { id: 14, name: 'Nguyễn Thị Vân' },
            { id: 15, name: 'Trương Văn Long' },
            { id: 16, name: 'Mai Thị Ngọc' },
            { id: 17, name: 'Huỳnh Quốc Việt' },
            { id: 18, name: 'Lâm Thị Thu' },
            { id: 19, name: 'Nguyễn Hữu Tài' },
            { id: 20, name: 'Phạm Thị Kim' }
          ]);
          const [selectedValue2, setSelectedValue2] = useState('1');
          const options2 = [
              {label: 'Gửi hẹn thời gian', value: '1'},
              {label: 'Gửi lập tức', value: '2'},
            ];
          const onValueChange2 = value => {
              setSelectedValue2(value);
            };
  return (
    <NotificationAddView 
    options={options}
    selectedValue={selectedValue}
    onValueChange={onValueChange}
    items={items}
    dataList={dataList}
    options2={options2}
    selectedValue2={selectedValue2}
    onValueChange2={onValueChange2}
    />
  );
};

export default NotificationAdd;
