import { ScrollView } from "react-native";
import React, { useState, useCallback } from "react";
import { useTailwind } from "tailwind-rn";
import { useSafeAreaInsets } from "react-native-safe-area-context";
import NoticeItem from "../components/NoticeItem";
import { Icon } from "@rneui/themed";
export default function SystemNotice({ navigation }) {
  const tailwind = useTailwind();
  const insets = useSafeAreaInsets();

  return (
    <ScrollView style={tailwind("p-4")}>
      <NoticeItem
        leftIcon={
          <Icon
            type="ionicon"
            hasLink={null}
            name="megaphone"
            size={18}
            color="white"
          />
        }
      />
      <NoticeItem
        hasLink={{ url: "", text: "直达帖子" }}
        leftIcon={
          <Icon type="ionicon" name="megaphone" size={18} color="white" />
        }
      />
      <NoticeItem
        leftIcon={
          <Icon
            type="ionicon"
            hasLink={null}
            name="megaphone"
            size={18}
            color="white"
          />
        }
      />
      <NoticeItem
        leftIcon={
          <Icon
            type="ionicon"
            hasLink={null}
            name="megaphone"
            size={18}
            color="white"
          />
        }
      />
      <NoticeItem
        hasLink={{ url: "", text: "直达帖子" }}
        leftIcon={
          <Icon type="ionicon" name="megaphone" size={18} color="white" />
        }
      />
      <NoticeItem
        hasLink={{ url: "", text: "直达帖子" }}
        leftIcon={
          <Icon type="ionicon" name="megaphone" size={18} color="white" />
        }
      />
    </ScrollView>
  );
}
