Appbar Header

const searchAppbarAction = {
    name: "search",
    component: NANO.APPBAR_ACTION,
    value: ""
    props: {
        icon: "magnify"
    },
};

const moreAppbarAction = {
    name: "more",
    component: NANO.APPBAR_ACTION,
    value: ""
    props: {
        icon: "dots-vertical"
    },
};
const appbarBackAction = {
    name: "appbar_back_action",
    component: NANO.APPBAR_BACK_ACTION,
    value: "",
    props: {
        style: {
        
        },
    },
    onPress:({setUi, getUi})=>{
         
    }
};

const appbarContent = {
    name: "appbar_content",
    component: NANO.APPBAR_CONTENT,
    value: "Title",
    props: {
        style: {

        },
    },
    hide: false
};

const appbarHeader = {
  name: 'appbar_header',
  component: NANO.APPBAR_HEADER,
  content: [
    appbarBackAction,
    appbarContent,
    searchAppbarAction, 
    moreAppbarAction
  ],
  props: {

  },
};