<SafeAreaView style={{ flex: 1 }}>
  <View style={styles.container}>
    <Text style={styles.title}>Chat GPT</Text>
    <KeyboardAvoidingView
      style={{ flex: 1 }}
      behavior={Platform.OS === "ios" ? "padding" : undefined}
      keyboardVerticalOffset={60}
    >
      <FlatList
        data={conversation}
        renderItem={({ item }) => <MessageBubble {...item} />}
        keyExtractor={(_, index) => index.toString()}
        contentContainerStyle={{ paddingHorizontal: 10, gap: 10 }}
      />
      <Input />
    </KeyboardAvoidingView>
  </View>
</SafeAreaView>