import React from 'react';
import { Route, Routes, Navigate } from 'react-router-dom';
import { AutoLabLayout } from './layout/AutoLabLayout';
import { CadastroView } from './views/CadastroView';
import { EstoqueView } from './views/EstoqueView';
import { VendasView } from './views/VendasView';
import { ConfigView } from './views/ConfigView';

// Placeholder for ClientesView until implemented
const ClientesView = () => (
  <div className="p-8 text-center">
    <h2 className="text-2xl font-bold text-slate-400">Clientes View - Em Desenvolvimento</h2>
  </div>
);

export const AutoLabRoutes = () => {
  return (
    <Routes>
      <Route element={<AutoLabLayout />}>
        <Route index element={<Navigate to="cadastro" replace />} />
        <Route path="cadastro" element={<CadastroView />} />
        <Route path="estoque" element={<EstoqueView />} />
        <Route path="vendas" element={<VendasView />} />
        <Route path="clientes" element={<ClientesView />} />
        <Route path="configuracao" element={<ConfigView />} />
      </Route>
    </Routes>
  );
};
