From 7072182d8f7d5c92c84d6518bb438f6c89d4457d Mon Sep 17 00:00:00 2001
From: Daniel Medina <daniel@medina.com>
Date: Wed, 18 May 2022 11:14:59 -0500
Subject: [PATCH] :art: Formatted modal component

---
 components/Modal.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/Modal.tsx b/components/Modal.tsx
index af386c1..e48aa9b 100644
--- a/components/Modal.tsx
+++ b/components/Modal.tsx
@@ -1,7 +1,6 @@
 import React from "react";
 
 const Modal = ({ title, hide, confirmDelete }: any) => {
-
   return (
     <div className="mt-40 flex justify-between items-center flex-col shadow-xl bg-white overflow-y-auto overflow-x-hidden fixed z-50 max-w-4xl border-gray-200 border-2 rounded-xl mx-auto h-1/3 md:inset-0">
       <div className="relative p-4 w-full h-full md:h-auto">
@@ -11,7 +10,10 @@ const Modal = ({ title, hide, confirmDelete }: any) => {
       </div>
       <div className="title text-xl">{title}</div>
       <div className="buttons grid grid-cols-2 gap-4 p-4 w-full">
-        <button className="p-2 bg-red-500 text-white px-8 rounded-md w-full col-span-1" onClick={confirmDelete}>
+        <button
+          className="p-2 bg-red-500 text-white px-8 rounded-md w-full col-span-1"
+          onClick={confirmDelete}
+        >
           Confirm
         </button>
         <button