'use client';
import React, { useState } from 'react';

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

  return (
    <div className='flex flex-col items-center w-[100px]'>
        <p className='text-5xl font-bold'>{count}</p>
    <button onClick={() => setCount(count + 1)} className='bg-blue-500 rounded hover:bg-blue-800 text-white px-4 py-2 mt-2'>Increase</button>
    </div>
  )
}