import { View, Text, TouchableOpacity } from "react-native";
import React from "react";
import { useTailwind } from "tailwind-rn";
import { useSafeAreaInsets } from "react-native-safe-area-context";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import RefundList from "./RefundList";
import RefundDetail from "./RefundDetail";
import { Icon } from "@rneui/themed";
const RootStack = createNativeStackNavigator();
export default function Refund({ navigation, route }) {
  const tailwind = useTailwind();
  const insets = useSafeAreaInsets();
  return (
    <View
      style={{
        paddingBottom: insets.bottom,
        paddingLeft: insets.left,
        paddingRight: insets.right,
        ...tailwind("flex-1"),
      }}
    >
      <RootStack.Navigator>
        <RootStack.Screen
          name="RefundList"
          component={RefundList}
          options={({ navigation }) => ({
            headerLeft: () => (
              <Icon
                type="ionicon"
                name="chevron-back"
                size={32}
                color="white"
                onPress={() => navigation.goBack()}
              />
            ),
            title: "退款审核",
            headerTitleStyle: { color: "white" },
            headerStyle: { backgroundColor: "#07050A" },
          })}
        />
        <RootStack.Screen
          name="RefundDetail"
          component={RefundDetail}
          options={({ navigation }) => ({
            headerLeft: () => (
              <Icon
                type="ionicon"
                name="chevron-back"
                size={32}
                color="white"
                onPress={() => navigation.goBack()}
              />
            ),
            title: "空间退款审核",
            headerTitleStyle: { color: "white" },
            headerStyle: { backgroundColor: "#07050A" },
          })}
        />
      </RootStack.Navigator>
    </View>
  );
}