eacf028ba6
* Use .js imports in src * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Add WP extension aliases * Bump dev * Additional * Additional * Adjust extensionAlias order
30 lines
726 B
TypeScript
30 lines
726 B
TypeScript
// Copyright 2017-2023 @polkadot/react-hooks authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import { useCallback, useMemo, useState } from 'react';
|
|
|
|
import { createNamedHook } from './createNamedHook.js';
|
|
|
|
type Result = [number, () => void, () => void, (step: number) => void];
|
|
|
|
function useStepperImpl (): Result {
|
|
const [step, setStep] = useState(1);
|
|
|
|
const nextStep = useCallback(
|
|
() => setStep((step) => step + 1),
|
|
[]
|
|
);
|
|
|
|
const prevStep = useCallback(
|
|
() => setStep((step) => step - 1),
|
|
[]
|
|
);
|
|
|
|
return useMemo(
|
|
() => [step, nextStep, prevStep, setStep],
|
|
[step, nextStep, prevStep, setStep]
|
|
);
|
|
}
|
|
|
|
export const useStepper = createNamedHook('useStepper', useStepperImpl);
|