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

import { useT } from "@/lib/i18n";
import type { PinAdjusterProps } from "@/components/pin-adjuster";

// react-native-maps does not support web, same as components/map.web.tsx.
// The screen around this still works — the rider just can't drag a pin — so
// the stub reports nothing and leaves whatever coordinate they arrived with
// intact, rather than blocking the flow on a platform used only for testing.
export const PinAdjuster = (_props: PinAdjusterProps) => {
  const t = useT();

  return (
    <View className="flex-1 items-center justify-center bg-general-100 dark:bg-neutral-900">
      <Text className="text-general-200 dark:text-neutral-400 text-center font-JakartaMedium px-8">
        {t("components.map.webUnavailable")}
      </Text>
    </View>
  );
};