import { useI18n } from '@wordpress/react-i18n'
import { sprintf } from '@wordpress/i18n'
import { HowToStep } from './HowToSteps'

const useHowToStep = () => {
  const { __ } = useI18n()

  return (number: number, description: string): HowToStep => ({
    /* translators: %d: number of the step in a guide */
    term: sprintf(__('Step %d', 'posten-bring-checkout'), number),
    description,
  })
}

export default useHowToStep