import {Route, Routes} from "react-router-dom";
import Dashboard from "../views/Panel/Dashboard";
import UsersList from "../Pages/Profile/UsersList";
import Products from "../views/Panel/Products";
import AddProduct from "../views/Panel/AddProduct";
import Categories from "../views/Panel/Categories";
import Orders from "../views/Panel/Orders";
import OrderDetail from "../views/Panel/OrderDetail"
import CategoryDetail from "../views/Panel/CategoryDetail";
import Articles from "../views/Panel/Articles";
import Contents from "../views/Panel/Contents";
import AddArticle from "../views/Panel/AddArticle";
import EditArticle from "../views/Panel/EditArticle";
import ProductDetail from "../views/Panel/ProductDetail";

export default function MainSection() {
    return (
        <div className="pt-12 px-0 sm:px-8 md:px-12 lg:px-20 xl:px-28">
            <Routes>
                <Route path="/dashboard" element={<Dashboard/>}/>
                <Route path="/users" element={<UsersList/>}/>
                <Route path="/products" element={<Products/>}/>
                <Route path="/products/add" element={<AddProduct/>}/>
                <Route path="/products/:id" element={<ProductDetail/>}/>
                <Route path="/categories" element={<Categories/>}/>
                <Route path="/categories/:id" element={<CategoryDetail/>}/>
                <Route path="/orders" element={<Orders/>}/>
                <Route path="/orders/:id" element={<OrderDetail/>}/>
                <Route path="/articles" element={<Articles/>}/>
                <Route path="/articles/add" element={<AddArticle/>}/>
                <Route path="/articles/edit/:id" element={<EditArticle/>}/>
                <Route path="/contents" element={<Contents/>}/>
            </Routes>
        </div>
    )
}
