aboutsummaryrefslogtreecommitdiff
path: root/src/Layout.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/Layout.tsx')
-rw-r--r--src/Layout.tsx55
1 files changed, 0 insertions, 55 deletions
diff --git a/src/Layout.tsx b/src/Layout.tsx
deleted file mode 100644
index 2a7816c..0000000
--- a/src/Layout.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { ReactNode } from 'react';
-import { Link, useLocation } from 'react-router';
-import { MapPin, Map, Settings } from 'lucide-react';
-import './Layout.css';
-
-interface LayoutProps {
- children: ReactNode;
-}
-
-export function Layout({ children }: LayoutProps) {
- const location = useLocation();
-
- const navItems = [
- {
- name: 'Paradas',
- icon: MapPin,
- path: '/stops'
- },
- {
- name: 'Mapa',
- icon: Map,
- path: '/map'
- },
- {
- name: 'Ajustes',
- icon: Settings,
- path: '/settings'
- }
- ];
-
- return (
- <div className="app-container">
- <main className="main-content">
- {children}
- </main>
- <nav className="nav-bar">
- {navItems.map(item => {
- const Icon = item.icon;
- const isActive = location.pathname.startsWith(item.path);
-
- return (
- <Link
- key={item.name}
- to={item.path}
- className={`nav-item ${isActive ? 'active' : ''}`}
- >
- <Icon size={24} />
- <span>{item.name}</span>
- </Link>
- );
- })}
- </nav>
- </div>
- );
-} \ No newline at end of file