import { useState } from "react";

export default function ReactExample() {
	const [count, setCount] = useState(0);

	return (
		<div className="rounded-lg border border-base-300 p-6 space-y-4">
			<p className="text-lg font-semibold">
				クリック数: <span className="text-primary">{count}</span>
			</p>
			<div className="flex gap-3">
				<button
					type="button"
					className="btn btn-primary"
					onClick={() => setCount(count + 1)}
				>
					+1
				</button>
				<button
					type="button"
					className="btn btn-ghost"
					onClick={() => setCount(0)}
				>
					リセット
				</button>
			</div>
		</div>
	);
}