iterative/vscode-dvc

import React from 'react'
import styles from './styles.module.scss'
import {
  MessagesMenuOption,
  MessagesMenuOptionProps
} from './MessagesMenuOption'

interface MessagesMenuProps {
  options: MessagesMenuOptionProps[]
  onOptionSelected?: () => void
}

export const MessagesMenu: React.FC<MessagesMenuProps> = ({
  options,
  onOptionSelected
}) => (
  <div className={styles.messagesMenu} role="menu" data-testid="messages-menu">
    {options.map(option => (
      <MessagesMenuOption
        key={option.label}
        {...option}
        onOptionSelected={onOptionSelected}
      />
    ))}
  </div>
)