'use client';

import { useSessionStorage } from 'use-a-hook';

export default function SetupWizard() {
  const [step, setStep, clear] = useSessionStorage('demo-setup-step', 1);
  return (
    <section>
      <p>Setup step {step} of 3</p>
      <button disabled={step <= 1} onClick={() => setStep((value) => value - 1)}>
        Back
      </button>
      <button disabled={step >= 3} onClick={() => setStep((value) => value + 1)}>
        Next
      </button>
      <button onClick={clear}>Restart</button>
    </section>
  );
}