How to show a snackbar after a document action in Sanity?

import {useToast} from '@sanity/ui'

export function MyCustomAction(props) {
  const toast = useToast()

  return {
    label: 'My Action',
    onHandle: () => {
      // Your action logic here
      // ...
      
      // Show success toast
      toast.push({
        status: 'success',
        title: 'Success!',
        description: 'Your action completed successfully'
      })
      
      // Close the action dialog
      props.onComplete()
    }
  }
}

import {useToast} from '@sanity/ui'

export function MyCustomAction(props) {
  const toast = useToast()

  return {
    label: 'My Action',
    onHandle: async () => {
      try {
        // Your async action logic
        await someAsyncOperation()
        
        toast.push({
          status: 'success',
          title: 'Done!',
          description: 'Document updated successfully',
          duration: 3000 // milliseconds
        })
      } catch (error) {
        toast.push({
          status: 'error',
          title: 'Error',
          description: error.message
        })
      } finally {
        props.onComplete()
      }
    }
  }
}