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

export default function Test() {
  console.log('[TEST] mounted');
  const [n, setN] = useState(0);
  return (
    <div style={{ padding: 40, fontSize: 24 }}>
      <h1>Hydration test</h1>
      <p>Count: {n}</p>
      <button
        onClick={() => { console.log('[TEST] click'); setN(n + 1); }}
        style={{ padding: '10px 20px', background: '#007', color: '#fff', cursor: 'pointer' }}
      >
        Click me
      </button>
    </div>
  );
}