---
import Layout from "../../layouts/Layout.astro";
import { Producto } from "../../models/Producto.models";
import { http } from "../../services";
import TarjetaAPI from "../../components/TarjetaAPI.astro";


const res = await http.get("admin/test-productos/productos");
const productos = res.resultado as Producto[];

---


<Layout title="Productos" client:load>
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
   {productos.map(productos => (
      <TarjetaAPI 
      nombre={productos.nombre || ""} 
      precio={productos.precio || ""} />
    ))} 
  
</Layout>