@trycourier/courier-react-native/lib/example/src/pages/Inbox.js

Inbox, Push Notifications, and Preferences for React Native

import React, { useState } from 'react';
import { StyleSheet, View } from 'react-native';
import InboxDefault from './inbox/InboxDefault';
import InboxStyled from './inbox/InboxStyled';
import InboxCustom from './inbox/InboxCustom';
import { TabControl } from '../Tabs';
const tabs = [
    { title: 'Default', key: 'Default' },
    { title: 'Styled', key: 'Styled' },
    { title: 'Custom', key: 'Custom' },
];
const Inbox = () => {
    const [selectedTab, setSelectedTab] = useState('Default');
    const renderContent = () => {
        switch (selectedTab) {
            case 'Default':
                return React.createElement(InboxDefault, null);
            case 'Styled':
                return React.createElement(InboxStyled, null);
            case 'Custom':
                return React.createElement(InboxCustom, null);
            default:
                return null;
        }
    };
    return (React.createElement(View, { style: styles.container },
        React.createElement(TabControl, { tabs: tabs, selectedTab: selectedTab, setSelectedTab: setSelectedTab }),
        React.createElement(View, { style: styles.content }, renderContent())));
};
const styles = StyleSheet.create({
    container: {
        flex: 1,
    },
    content: {
        flex: 1,
    },
});
export default Inbox;