/** @jsxImportSource npm:hono@3/jsx */ import { useState } from "https://deno.land/x/hono@v4.3.11/middleware.ts"; import date_me_doc_locations from "https://esm.town/v/stevekrouse/date_me_doc_locations"; import Layout from "https://esm.town/v/stevekrouse/dateme_layout"; export default function Home(c) { const AutocompleteInput = () => { const [inputValue, setInputValue] = useState(''); const [filteredLocations, setFilteredLocations] = useState([]); const [isOpen, setIsOpen] = useState(false); const handleInputChange = (e) => { const value = e.target.value; setInputValue(value); setIsOpen(true); const filtered = date_me_doc_locations.filter(location => location.toLowerCase().includes(value.toLowerCase()) ); setFilteredLocations(filtered); }; const handleSelectLocation = (location) => { setInputValue(location); setIsOpen(false); }; return (

{isOpen && filteredLocations.length > 0 && (

handleSelectLocation(location)} > {location}

)}

); }; return (

Date thoughtfully

Date Me Docs are long-form, earnest dating profiles for romantic partners.

); }

dateme_home