How to use react-swipeable-views - 6 common examples

TimelinePlugin: require('../plugins/Timeline'),
        ToolbarPlugin: require('../plugins/Toolbar'),
        TutorialPlugin: require('../plugins/Tutorial'),
        UndoPlugin: require('../plugins/History'),
        UserManagerPlugin: require('../plugins/manager/UserManager'),
        VersionPlugin: require('../plugins/Version'),
        WFSDownloadPlugin: require('../plugins/WFSDownload'),
        WidgetsBuilderPlugin: require('../plugins/WidgetsBuilder'),
        WidgetsPlugin: require('../plugins/Widgets'),
        WidgetsTrayPlugin: require('../plugins/WidgetsTray'),
        ZoomAllPlugin: require('../plugins/ZoomAll'),
        ZoomInPlugin: require('../plugins/ZoomIn'),
        ZoomOutPlugin: require('../plugins/ZoomOut')
    },
    requires: {
        ReactSwipe: require('react-swipeable-views').default,
        SwipeHeader: require('../components/data/identify/SwipeHeader')
    }
};

BurgerMenuPlugin: require('../plugins/BurgerMenu'),
        UndoPlugin: require('../plugins/History'),
        RedoPlugin: require('../plugins/History'),
        MapsPlugin: require('../plugins/Maps'),
        MapSearchPlugin: require('../plugins/MapSearch'),
        LanguagePlugin: require('../plugins/Language'),
        ManagerPlugin: require('../plugins/manager/Manager'),
        RulesManagerPlugin: require('../plugins/manager/RulesManager'),
        ManagerMenuPlugin: require('../plugins/manager/ManagerMenu'),
        SharePlugin: require('../plugins/Share'),
        FullScreenPlugin: require('../plugins/FullScreen'),
        SavePlugin: require('../plugins/Save'),
        SaveAsPlugin: require('../plugins/SaveAs')
    },
    requires: {
        ReactSwipe: require('react-swipeable-views').default,
        SwipeHeader: require('../components/data/identify/SwipeHeader')
    }
};

RedoPlugin: require('../../plugins/History'),
        MapsPlugin: require('../../plugins/Maps'),
        MapSearchPlugin: require('../../plugins/MapSearch'),
        LanguagePlugin: require('../../plugins/Language'),
        ManagerPlugin: require('../../plugins/manager/Manager'),
        ManagerMenuPlugin: require('../../plugins/manager/ManagerMenu'),
        SharePlugin: require('../../plugins/Share'),
        SavePlugin: require('../../plugins/Save'),
        SaveAsPlugin: require('../../plugins/SaveAs'),
        TOCPlugin: require('../../plugins/TOC'),
        BackgroundSelectorPlugin: require('../../plugins/BackgroundSelector'),
        MeasurePlugin: require('../../plugins/Measure'),
        TOCItemsSettingsPlugin: require('../../plugins/TOCItemsSettings')
    },
    requires: {
        ReactSwipe: require('react-swipeable-views').default,
        SwipeHeader: require('../../components/data/identify/SwipeHeader')
    }
};

export const SwipeableViews : any = require("react-swipeable-views").default;

return React.createElement(loadingIcon_1.default, { isLoading: loading });
        }
        const movie = helper_1.classifyArticle(movies[0]);
        document.title = `${movie.chineseTitle} | Movie Rater | 電影評分 | PTT | IMDB | YAHOO`;
        document["meta"] = {
            image: movie.posterUrl,
            description: `IMDb:${movie.imdbRating}, Yahoo:${movie.yahooRating}, PTT好雷/普雷/負雷:${movie.goodRateArticles.length}/${movie.normalRateArticles.length}/${movie.badRateArticles.length}`
        };
        return (React.createElement(Paper_1.default, { zDepth: 2 },
            React.createElement(Tabs_1.Tabs, { onChange: this.handleChange.bind(this), value: this.state.slideIndex },
                React.createElement(Tabs_1.Tab, { label: "Detail", value: 0 }),
                React.createElement(Tabs_1.Tab, { label: "Ptt", value: 1 }),
                React.createElement(Tabs_1.Tab, { label: "Summary", value: 2 }),
                movie.schedules.length > 0 && React.createElement(Tabs_1.Tab, { label: "Time", value: 3 })),
            React.createElement("div", { className: "swipeViewWrapper" },
                React.createElement(react_swipeable_views_1.default, { slideStyle: { height: 'calc(100vh - 111px)', paddingBottom: '1em' }, index: this.state.slideIndex, onChangeIndex: this.handleChange.bind(this), threshold: 6 },
                    React.createElement(movieDetail_1.default, { movie: movie }),
                    React.createElement(pttArticles_1.default, { movie: movie }),
                    React.createElement("div", { className: "col-xs-12", style: { paddingTop: '1em' }, dangerouslySetInnerHTML: { __html: movie.summary } }),
                    React.createElement(schedules_1.default, { schedules: movie.schedules })))));
    }
};

DrawerMenuPlugin: require('../plugins/DrawerMenu'),
        FeedbackMaskPlugin: require('../plugins/FeedbackMask'),
        GoFullPlugin: require('../plugins/GoFull'),
        IdentifyPlugin: require('../plugins/Identify'),
        LocatePlugin: require('../plugins/Locate'),
        MapFooterPlugin: require('../plugins/MapFooter'),
        MapLoadingPlugin: require('../plugins/MapLoading'),
        MapPlugin: require('../plugins/Map'),
        OmniBarPlugin: require('../plugins/OmniBar'),
        SearchPlugin: require('../plugins/Search'),
        TOCPlugin: require('../plugins/TOC'),
        ToolbarPlugin: require('../plugins/Toolbar'),
        ZoomAllPlugin: require('../plugins/ZoomAll')
    },
    requires: {
        ReactSwipe: require('react-swipeable-views').default,

        SwipeHeader: require('../components/data/identify/SwipeHeader')
    }
};