diff options
Diffstat (limited to 'src/Layout.tsx')
| -rw-r--r-- | src/Layout.tsx | 55 |
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 |
