design of the map component functional

traque-front/components/util/button.jsx

@@ -0,0 +1,5 @@
+export default function Button({ children, ...props }) {
+    return (<button {...props} className="bg-blue-600 hover:bg-blue-500 ease-out duration-200 text-white w-full p-4 shadow-sm rounded">
+        {children}
+    </button>)
+}

traque-front/components/util/textInput.jsx

@@ -0,0 +1,7 @@
+import React from 'react'
+
+export default function TextInput({...props}) {
+  return (
+    <input {...props} type="text" className="block w-full p-4 rounded text-center ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600" />
+  )
+}