import { View, ScrollView, Text, TouchableOpacity } from "react-native";
import React from "react";
import { useTailwind } from "tailwind-rn";
import { useSafeAreaInsets } from "react-native-safe-area-context";
import Toast from "react-native-toast-message";
import { Icon } from "@rneui/themed";

export default function EditStreamerInfo({ navigation, route }) {
  const blurhash = "LcKUTa%gOYWBYRt6xuoJo~s8V@fk";

  const tailwind = useTailwind();
  const insets = useSafeAreaInsets();
  return (
    <ScrollView
      style={{
        paddingBottom: insets.bottom,
        paddingLeft: insets.left,
        paddingRight: insets.right,
        ...tailwind("flex-1"),
      }}
    >
      <View style={tailwind("flex flex-row p-4 flex-wrap")}>
        <TouchableOpacity
          onPress={() => navigation.navigate("EditStreamerProfile")}
          style={tailwind("flex flex-col basis-1/2 items-center py-4")}
        >
          <Icon
            type="ionicon"
            name="aperture-outline"
            size={40}
            color="white"
          />
          <Text style={tailwind("text-[#FFFFFF80] font-medium text-sm mt-2")}>
            编辑主页
          </Text>
        </TouchableOpacity>
        <TouchableOpacity
          onPress={() => navigation.navigate("EditPlatformOrder")}
          style={tailwind("flex flex-col basis-1/2 items-center py-4")}
        >
          <Icon type="ionicon" name="tv-outline" size={40} color="white" />
          <Text style={tailwind("text-[#FFFFFF80] font-medium text-sm mt-2")}>
            编辑平台
          </Text>
        </TouchableOpacity>
        <TouchableOpacity
          onPress={() => navigation.navigate("EditStreamerMedia")}
          style={tailwind("flex flex-col basis-1/2 items-center py-4")}
        >
          <Icon type="ionicon" name="images-outline" size={40} color="white" />
          <Text style={tailwind("text-[#FFFFFF80] font-medium text-sm mt-2")}>
            照片墙
          </Text>
        </TouchableOpacity>
      </View>
    </ScrollView>
  );
}
