codigoconjuan

$datos = [
            array( 
                'nombre' =>  "Café Caramel con Chocolate",
                'precio' => 59.9,
                'imagen' => "cafe_01",
                'categoria_id' => 1,
                'disponible' => true,
                'created_at' => Carbon::now(),
                'updated_at' => Carbon::now(),
            ),

codigoconjuan

DB::table('categorias')->insert([
    'nombre' => 'Café',
    'icono' => 'cafe',
    'created_at' => Carbon::now(),
    'updated_at' => Carbon::now(),
]);

DB::table('categorias')->insert([
    'nombre' => 'Hamburguesas',
    'icono' => 'hamburguesa',

codigoconjuan

return (
    <div className="shadow space-y-1 p-4 bg-white">
      <div className="space-y-2">
        <p className="text-xl font-bold">{nombre}</p>
        <p className="text-lg font-bold ">Cantidad: {cantidad}</p>
        <p className="text-lg font-bold text-amber-500">
          Precio:
        </p>
        <p className="text-lg text-gray-700">
          Subtotal: 

codigoconjuan

const customStyles = {
  content: {
    top: "50%",
    left: "50%",
    right: "auto",
    bottom: "auto",
    marginRight: "-50%",
    transform: "translate(-50%, -50%)",
  },
};

codigoconjuan

const productos = [
    {
        nombre: "Café Caramel con Chocolate",
        precio: 59.9,
        imagen: "cafe_01",
        categoria_id: 1,
        id: 1
      },
      {
        nombre: "Café Frio con Chocolate Grande",

codigoconjuan

const categorias = [
    {
        icono: "cafe",
        nombre: "Café",
        id:1
      },
      {
        icono: "hamburguesa",
        nombre: "Hamburguesas",
        id: 2

codigoconjuan

.curso {
    padding: 10rem 0;
    margin-top: 10rem;
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    .grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);

codigoconjuan

.post {
    max-width: 80rem;
    margin: 0 auto;
}
.contenido {
    padding: 1.5rem;
}
.contenido h3 {
    font-weight: 900;

codigoconjuan

export const formatearFecha = fecha => {
    const opciones = {
        year: 'numeric',
        month: 'long',
        day: '2-digit'
    }
    return new Date(fecha).toLocaleDateString('es-ES', opciones)
}

codigoconjuan

.post {
    max-width: 80rem;
    margin: 0 auto;
}
.contenido {
    padding: 1.5rem;
}
.contenido h3 {
    font-weight: 900;
    font-size: 2.8rem;