import "./global.css";
import { StatusBar } from "expo-status-bar";
import { View } from "react-native";
import { PortalHost } from "@rn-primitives/portal";
import { Button } from "@/components/ui/button";
import { Text } from "@/components/ui/text";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";

export default function App() {
  return (
    <View className="flex-1 items-center justify-center gap-6 bg-white p-6">
      <Text className="text-xl font-sans-bold text-gray-900">
        Yaltopia Tickets App
      </Text>
      <Card className="w-full max-w-sm">
        <CardHeader>
          <CardTitle>Scan. Send. Reconcile.</CardTitle>
        </CardHeader>
        <CardContent>
          <Button>
            <Text>Get started</Text>
          </Button>
        </CardContent>
      </Card>
      <StatusBar style="auto" />
      <PortalHost />
    </View>
  );
}