import { useState } from 'react'

/** Interactive counter — demonstrates client React state after hydration. */
export function Counter({ initialCount, label }: { initialCount: number; label: string }) {
	const [count, setCount] = useState(initialCount)
	return (
		<button
			type="button"
			className="pak-btn pak-btn-accent"
			onClick={() => setCount((value) => value + 1)}
		>
			{label}: {count}
		</button>
	)
}