import { View, Text } from '@tarojs/components';
import { Card } from '@nutui/nutui-react-taro';
import QRLoginDemo from '@/components/QRLoginDemo';
import QRLoginButton from "@/components/QRLoginButton";

/**
 * 扫码登录测试页面
 */
const QRTestPage = () => {
  return (
    <View className="qr-test-page min-h-screen bg-gray-50">
      <QRLoginButton />
      <View className="p-4">
        {/* 页面标题 */}
        <Card className="mb-4">
          <View className="p-4 text-center">
            <Text className="text-xl font-bold text-gray-800 mb-2 block">
              扫码登录功能测试
            </Text>
            <Text className="text-sm text-gray-600 block">
              测试各种扫码登录集成方式
            </Text>
          </View>
        </Card>

        {/* 演示组件 */}
        <QRLoginDemo />
      </View>
    </View>
  );
};

export default QRTestPage;
