import { computed } from 'vue'
import { usePublicUi } from '~/composables/usePublicUi'

export function useCheckoutSteps() {
  const ui = usePublicUi()

  return computed(() => ([
    { id: 'details', label: ui.value.checkout.steps.details },
    { id: 'documents', label: ui.value.checkout.steps.documents },
    { id: 'confirmation', label: ui.value.checkout.steps.confirmation },
  ]))
}

export function useCheckoutDocuments() {
  const ui = usePublicUi()

  return computed(() => ([
    {
      key: 'license',
      title: ui.value.checkout.documents.licenseTitle,
      description: ui.value.checkout.documents.licenseDescription,
    },
    {
      key: 'passport',
      title: ui.value.checkout.documents.passportTitle,
      description: ui.value.checkout.documents.passportDescription,
    },
  ]))
}
