layout with react bootstrap

react-layout.js

import React from "react";
import { Container, Nav, Navbar } from "react-bootstrap";
import { Link, Outlet } from "react-router-dom";

const Layout = ({ childen }) => {
    return (
        <>
            <Navbar bg="primary" variant="dark">
                <Container>
                    <Navbar.Brand href="#home">Sms Broadcast</Navbar.Brand>
                    <Nav className="me-auto">
                        <Nav.Link as={Link} to="/home" >Home</Nav.Link>
                        <Nav.Link as={Link} to="/upload-csv" >Tambah data</Nav.Link>
                        <Nav.Link as={Link} to="/send-message" >Kirim sms</Nav.Link>
                    </Nav>
                </Container>
            </Navbar>
            <div className="content">
                <Outlet />
            </div>
        </>
    )
}

export default Layout;