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;
