refactor: componentizar lógica de App.jsx manteniendo funcionalidad

2026-03-24 11:04:01 +01:00
parent 532fa9d5d2
commit 99a1067a3c
8 changed files with 268 additions and 237 deletions
@@ -0,0 +1,13 @@
+export default function AddLevelButton({ handleAddLevel }) {
+  return (
+    <div className="w-72 mt-6">
+      <button
+        onClick={handleAddLevel}
+        className="w-full h-24 border-4 border-dashed border-slate-300 rounded-xl flex flex-col items-center justify-center gap-1 text-slate-400 font-semibold hover:bg-blue-50 hover:border-blue-400 hover:text-blue-500 transition-all active:scale-[0.98]"
+      >
+        <span className="text-3xl leading-none">+</span>
+        <span className="text-sm">Añadir Carta</span>
+      </button>
+    </div>
+  );
+}