13 lines
416 B
TypeScript
13 lines
416 B
TypeScript
|
'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>
|
||
|
|
)
|
||
|
|
}
|