import { Text, View } from "react-native";

import { useAppSelector } from "@/store/hooks";
import { selectIsMobile } from "@/store/screen/screenSizeSlice";

const GeneralSettings = () => {
  const isMobile = useAppSelector(selectIsMobile);

  return (
    <View
      className={`flex-1 p-1 ${isMobile ? "p-1" : "p-5"} bg-primaryPurpleLight`}
    >
      <Text
        className={`text-2xl font-bold ${
          isMobile ? "mb-1" : "mb-4"
        } text-white`}
      >
        General Settings
      </Text>
      <Text className="text-base text-gray-600">
        This is the General Settings tab content. It would typically show
        application preferences, language settings, and other general
        configuration options.
      </Text>
    </View>
  );
};

export default GeneralSettings;
