import { useState } from "react";
import { Button } from "@/components/ui/button";

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

  return (
    <div className="flex flex-col items-center justify-center min-h-screen bg-gray-100">
      <div className="bg-white p-6 rounded-2xl shadow-lg text-center">
        <h1 className="text-2xl font-bold mb-4">Counter: {count}</h1>
        <Button onClick={() => setCount(count + 1)} className="px-4 py-2 text-lg">
          Increase
        </Button>
      </div>
    </div>
  );
}