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-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>
  );
}