import React from "react";
import { StyleSheet, Text, View } from "react-native";
import { I18nProvider } from "@lingui/react";
import { setupI18n, I18n} from "@lingui/core";

const i18n = setupI18n({
  locales: ["zh-CN"],
});

function localizedDate(i18n: I18n, date: number | string | Date) {
  const d = new Date(date);
  return i18n.date(d, {
    dateStyle: "long",
    timeStyle: "short",
  });
}

const App = () => {
  const date = "2024-12-14T12:00:00Z";
  const formattedDate = localizedDate(i18n, date);

  return (
    <I18nProvider i18n={i18n}>
      <View style={styles.container}>
        <Text>{`Formatted date: ${formattedDate}`}</Text>
      </View>
    </I18nProvider>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center",
  },
});

export default App;