import React, { useState, useEffect } from 'react';
import { Text, View } from 'react-native';
import { DeviceMotion } from 'expo-sensors';

export default function App() {
  const [motionData, setMotionData] = useState({});

  useEffect(() => {
    const subscription = DeviceMotion.addListener((data) => {
      setMotionData(data);
    });

    return () => subscription.remove();
  }, []);

  return (
    <View style={{ padding: 20 }}>
      <Text>Beschleunigung X: {motionData.acceleration?.x?.toFixed(2)}</Text>
      <Text>Beschleunigung Y: {motionData.acceleration?.y?.toFixed(2)}</Text>
      <Text>Beschleunigung Z: {motionData.acceleration?.z?.toFixed(2)}</Text>
    </View>
  );
}