From 68e9ef808649b95062432e7bd3cc3e683b3ec349 Mon Sep 17 00:00:00 2001
From: webbrain-one <295484252+webbrain-one@users.noreply.github.com>
Date: Wed, 5 Aug 2026 16:22:35 +0300
Subject: [PATCH] docs: add Spanish README

---
 README.es-ES.md | 100 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 100 insertions(+)
 create mode 100644 README.es-ES.md

diff --git a/README.es-ES.md b/README.es-ES.md
new file mode 100644
index 0000000..e597063
--- /dev/null
+++ b/README.es-ES.md
@@ -0,0 +1,100 @@
+
+
+# React Easy Modals
+
+[![bundle size](https://img.shields.io/bundlephobia/minzip/react-easy-modals)](https://bundlephobia.com/result?p=react-easy-modals)
+
+Un administrador de modales simple, flexible, libre de dependencias y con seguridad de tipos para React.
+
+[📚 Documentación](https://react-easy-modals-docs.vercel.app/)
+
+## Primeros pasos
+
+### Instalación
+
+```bash
+npm install react-easy-modals
+```
+
+### Agrega ModalProvider a tu aplicación
+
+Envuelve tu aplicación con `ModalProvider` para habilitar los modales:
+
+```tsx
+import { ModalProvider } from "react-easy-modals";
+
+function App() {
+  return <ModalProvider>{/* Your app content */}</ModalProvider>;
+}
+
+export default App;
+```
+
+### Crea tu componente Modal
+
+Crea un componente modal básico:
+
+```tsx
+function Modal({ title, message, close, isOpen }) {
+  if (!isOpen) return null;
+
+  return (
+    <div className="modal-backdrop">
+      <div className="modal">
+        <strong>{title}</strong>
+        <p>{message}</p>
+        <button onClick={() => close()}>OK</button>
+      </div>
+      <style jsx>{`
+        .modal-backdrop {
+          position: fixed;
+          z-index: 50;
+          inset: 0;
+          background: rgba(0, 0, 0, 0.5);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+        .modal {
+          color: white;
+          background: black;
+          border: 1px solid gray;
+          padding: 20px;
+          display: flex;
+          flex-direction: column;
+          gap: 10px;
+          width: 300px;
+        }
+        .modal button {
+          background: white;
+          color: black;
+          padding: 5px;
+        }
+      `}</style>
+    </div>
+  );
+}
+```
+
+### Ponlo a prueba
+
+Importa `useModals` en cualquier parte de tu aplicación para abrir o cerrar tus modales:
+
+```tsx
+import { useModals } from "react-easy-modals";
+import Modal from "./Modal";
+
+function Page() {
+  const modals = useModals();
+
+  async function handleClick() {
+    const result = await modals.open(Modal, {
+      title: "Alert",
+      message: "This is an alert",
+    });
+    console.log(result);
+  };
+
+  return <button onClick={handleClick}>Open Modal</button>;
+}
+```