import { Agent } from '@credo-ts/core'
import { ActionMenuModule } from '@credo-ts/action-menu'

const agent = new Agent({
  // ... config
  modules: {
    actionMenu: new ActionMenuModule(),
  },
})

const { menu } = await agent.modules.actionMenu.sendMenu({
  connectionId: connection.id,
  menu: {
    title: 'Main Menu',
    description: 'Please select an option',
    options: [
      {
        name: 'option-1',
        title: 'Request Credential',
        description: 'Request a new credential',
      },
      {
        name: 'option-2',
        title: 'View Profile',
        description: 'View your profile information',
      },
    ],
  },
})

import { ActionMenuEventTypes } from '@credo-ts/action-menu'

agent.events.on(ActionMenuEventTypes.ActionMenuStateChanged, async (event) => {
  if (event.payload.actionMenuRecord.state === ActionMenuState.Done) {
    const selection = event.payload.actionMenuRecord.selection
    console.log('User selected:', selection)
    
    // Handle the selection
    if (selection === 'option-1') {
      // Initiate credential issuance
    }
  }
})

interface ActionMenu {
  title: string
  description?: string
  options: ActionMenuOption[]
}

interface ActionMenuOption {
  name: string
  title: string
  description?: string
  disabled?: boolean
}