import { useGetPromocionesQuery } from './app/api/promocionesApi';

export default function App() {
  const { data: promociones, isLoading, isError, error } = useGetPromocionesQuery();

  if (isLoading) return <div>Cargando promociones...</div>;
  if (isError) return <div>Error: {JSON.stringify(error)}</div>;

  console.log('Promociones:', promociones);

  return (
    <div>
      <h1>Django Core Base</h1>
      <h2>Promociones</h2>
      <ul>
        {promociones?.map((p) => (
          <li key={p.id}>{p.nombre}</li>
        ))}
      </ul>
    </div>
  );
}
