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 ActiveNotice({ navigation }) {
  const tailwind = useTailwind();
  const insets = useSafeAreaInsets();

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