class OwnerAuthPage extends BasePage {

    constructor(props) {

        super("Owner Login", props);

        this.state = {
            activeTab: 'signInTab'
        };

        this.toggle = this.toggle.bind(this);

    }

    toggle(tab) {
        if (this.state.activeTab !== tab) {
            this.setState({
                activeTab: tab
            });
        }
    }

    render() {
        return (
            <main className="w-100 h-100 d-flex justify-content-center align-items-center">
                <Container>
                    <Row className="h-100 justify-content-center">
                        <Col xs={"12"} sm={"12"} md={"8"} lg={"6"} xl={"6"}>
                            <div className="entry-box-wrapper">
                                <div className="entry-box modal-content">
                                    <div className="modal-body">

                                        <AuthNav activeTab={this.state.activeTab} toggle={this.toggle}/>

                                        <Logo className={"d-block mx-auto mt-4"}/>

                                        <TabContent activeTab={this.state.activeTab}>
                                            <SignInTab />
                                            <SignUpTab openSignInTab={this.openSignInTab}/>
                                            <TermsTab />
                                        </TabContent>

                                    </div>
                                </div>
                            </div>
                        </Col>
                    </Row>
                </Container>
                <ToastContainer position={toast.POSITION.BOTTOM_RIGHT}/>
            </main>
        );
    }
}

const mapStateToProps = (state, ownProps) => {
    return {

    };
};

export default connect(mapStateToProps)(OwnerAuthPage);

<div className="modal-body">

    <AuthNav activeTab={this.state.activeTab} toggle={this.toggle}/>

    <Logo className={"d-block mx-auto mt-4"}/>

    <TabContent activeTab={this.state.activeTab}>
        <SignInTab />
        <SignUpTab openSignInTab={this.openSignInTab}/>
        <TermsTab />
    </TabContent>

</div>