import React from "react";
import { View } from "react-native";
import MaterialIcons from "@expo/vector-icons/MaterialIcons";
import { MyText, tw } from "common-ui";

const TestingPhaseNote: React.FC = () => {
  return (
    <View style={tw`mx-4 my-2 p-4 bg-amber-50 rounded-xl border border-amber-200`}>
      <View style={tw`flex-row items-center mb-2`}>
        <MaterialIcons name="info" size={20} color="#D97706" />
        <MyText style={tw`ml-2 text-amber-800 font-bold text-base`}>
          Testing Phase
        </MyText>
      </View>
      <View style={tw`pl-7`}>
        <MyText style={tw`text-amber-700 text-sm`}>
          • This app is in testing phase until Jan 23, 2026
        </MyText>
        <MyText style={tw`text-amber-700 text-sm mt-1`}>
          • Actual delivery service has not started yet
        </MyText>
        <MyText style={tw`text-amber-700 text-sm mt-1`}>
          • Prices shown are not real
        </MyText>
        <MyText style={tw`text-amber-700 text-sm mt-1`}>
          • Any feedback or issues found? WhatsApp on +91 9676651496
        </MyText>
      </View>
    </View>
  );
};

export default TestingPhaseNote;
