import React, { useState } from "react";
import { Text, View } from "react-native";
import NotificationView from "./view";
const Notification = (props) => {
  const dataListTabView = [
    { key: "All", title: "Tất cả" },
    { key: "Study", title: "Học tập" },
    { key: "Activity", title: "Hoạt động" },
    { key: "Tuition", title: "Học phí" },
  ];

  const [activeTab, setActiveTab] = useState("All");
  const [dataNotifi, setDataNotifi] = useState({
    All: [
      {
        title_notifi: 'Thông báo nghỉ học',
        message: 'Thông báo nghỉ học do tình hình bão số 4 phức tạp',
        time: '14/4/2024'
      },
      {
        title_notifi: 'Thông báo nghỉ học',
        message: 'Thông báo nghỉ học do tình hình bão số 4 phức tạp',
        time: '14/4/2024'
      },
      {
        title_notifi: 'Thông báo nghỉ học',
        message: 'Thông báo nghỉ học do tình hình bão số 4 phức tạp',
        time: '14/4/2024'
      },
      {
        title_notifi: 'Thông báo nghỉ học',
        message: 'Thông báo nghỉ học do tình hình bão số 4 phức tạp',
        time: '14/4/2024'
      },
      {
        title_notifi: 'Thông báo nghỉ học',
        message: 'Thông báo nghỉ học do tình hình bão số 4 phức tạp',
        time: '14/4/2024'
      },
      {
        title_notifi: 'Thông báo nghỉ học',
        message: 'Thông báo nghỉ học do tình hình bão số 4 phức tạp',
        time: '14/4/2024'
      },
      {
        title_notifi: 'Thông báo nghỉ học',
        message: 'Thông báo nghỉ học do tình hình bão số 4 phức tạp',
        time: '14/4/2024'
      },
      {
        title_notifi: 'Thông báo nghỉ học',
        message: 'Thông báo nghỉ học do tình hình bão số 4 phức tạp',
        time: '14/4/2024'
      },
      {
        title_notifi: 'Thông báo nghỉ học',
        message: 'Thông báo nghỉ học do tình hình bão số 4 phức tạp',
        time: '14/4/2024'
      },
      {
        title_notifi: 'Thông báo nghỉ học',
        message: 'Thông báo nghỉ học do tình hình bão số 4 phức tạp',
        time: '14/4/2024'
      },
      {
        title_notifi: 'Thông báo nghỉ học',
        message: 'Thông báo nghỉ học do tình hình bão số 4 phức tạp',
        time: '14/4/2024'
      },
    ],
    Study: [],
    Activity: [],
    Tuition: [],
  });

  const handleTabChange = (tabKey) => {
    setActiveTab(tabKey);
  };

  const getEmptyMessage = (tabKey) => {
    const messages = {
      All: "Chưa có thông báo nào",
      Study: "Chưa có thông báo học tập",
      Activity: "Chưa có thông báo hoạt động",
      Tuition: "Chưa có thông báo học phí",
    };
    return messages[tabKey] || "Không có dữ liệu";
  };

  return (
    <NotificationView
      dataListTabView={dataListTabView}
      activeTab={activeTab}
      onTabChange={handleTabChange}
      dataNotifi={dataNotifi}
      getEmptyMessage={getEmptyMessage}
    />
  );
};

export default Notification;
