"use client";

import * as React from "react";

export function CountryTest() {
const [open, setOpen] = React.useState(false);

return (
<div className="p-4">
{/* TEST BUTTON /}
<button
type="button"
onClick={() => {
console.log("CLICK WORKS");
setOpen((v) => !v);
}}
className="
px-4 py-2
border rounded-md
bg-white
text-sm
touch-manipulation
"
>
Toggle Open: {open ? "OPEN" : "CLOSED"}
</button>

{/ VISUAL STATE */}
<div className="mt-4 text-sm">
State: {open ? "OPEN" : "CLOSED"}
</div>
</div>
);
}