import React from 'react';
import { View, Button, getApp } from '@ray-js/ray';

export default function Demo() {
  const app = getApp();

  const handleGetGlobalData = () => {
    const globalData = app.getData();
    console.log('globalData:', globalData);
  };

  return (
    <View style={{ padding: 20 }}>
      <Button onClick={handleGetGlobalData}>
        获取全局数据
      </Button>
      <Button
        style={{ marginTop: 10 }}
        onClick={() => {
          app.setData({ theme: 'dark' });
        }}
      >
        修改全局数据
      </Button>
    </View>
  );
}