Resolve "Criar Input com label e hint que recebe um texto para preenchê-lo"

Closes #6 (closed)

src/app/page.jsx

+import BarraPreencherEditarEstacao from "@/components/BarraPreencherEditarEstacao";
 import LoginCadastroBotao from "@/components/BotaoLoginCadastro";
 import { CabecalhoPerfil } from "@/components/CabecalhoPerfil";
 import CabecalhoSemPerfil from "@/components/CabecalhoSemPerfil";
 export default function Home() {
   return (
     <div>
-      <CabecalhoSemPerfil />
-      <LoginCadastroBotao />
-      <Rodape />
+      <BarraPreencherEditarEstacao 
+        label="Nome"
+        hint="Digite o nome da Estação aqui,"
+        placeholder="Por exemplo: Estação 110"
+      />
     </div>
   );
 }

src/components/BarraPreencherEditarEstacao/index.jsx

+"use client"
+
+import { useState } from "react"
+
+export default function BarraPreencherEditarEstacao({ label, hint, placeholder }) {
+
+  const[value, setValue] = useState("")
+  
+
+  return (
+      <div className="flex flex-col space-y-2">
+          <label className="text-sm font-medium text-white">{label}</label>
+
+      <input type="text"
+      value={value}
+      onChange={(e) => setValue(e.target.value)}
+      placeholder={placeholder}
+      className="border border-black rounded-md w-[432px] h-[56px] focus:outline-none focus:ring-2 focus:ring-blue-600" 
+      style={{color: "#3D3636"}}/>
+
+      <span className="text-xs text-white">{hint}</span>
+      </div>
+    )
+}
\ No newline at end of file