import * as React from "react";
import { Layout } from "@ui-kitten/components";
import { StyleSheet } from "react-native";
import NavHeaderBar from "./NavHeaderBar";

const styles = StyleSheet.create({
    top: {
        marginTop: 7,
        padding: 15,
    },
});

// 导航条+头部提示模块
export default function TipNavHeader({ title, children }) {
    return (
      <>
        <NavHeaderBar title={title} />
        <Layout style={styles.top}>
          {children.map(item => {
                    if (item.type.styledComponentName === "Text") {
                        return {
                            ...item,
                            props: {
                                category: "c1",
                                ...item.props,
                            },
                        };
                    } 
                        return item;
                    
                })}
        </Layout>
      </>
    );
}