How to use the @hpcc-js/layout.Tabbed function in @hpcc-js/layout

.columns(data.TwoD.subjects.columns)
                                        .data(data.TwoD.subjects.data)
                                    )
                                );
                                break;
                            case Popup:
                                render(new Popup()
                                    .widget(new Surface()
                                        .widget(new Icon()
                                            .faChar("\uF007")
                                        )
                                    )
                                );
                                break;
                            case Tabbed:
                                render(new Tabbed()
                                    .addTab(new Pie()
                                        .columns(data.TwoD.subjects.columns)
                                        .data(data.TwoD.subjects.data)
                                        , "Pie Chart", true)
                                    .addTab(
                                        new Line()
                                            .columns(data.ND.subjects.columns)
                                            .data(data.TwoD.subjects.data)
                                        , "Line Chart")
                                    .addTab(
                                        new Column()
                                            .columns(data.ND.subjects.columns)
                                            .data(data.ND.subjects.data)
                                        , "Column Chart"
                                    )
                                    .addTab(new Tabbed()