import React from 'react' ; import { MenuIcon , MenuItem , MenuItemIcon } from 'shared/components/MenuAction' ; import * as Icons from 'design/Icon' ; import { Flex } from 'design' ; export default function ActionMenu ( props ) { return ( < Flex alignItems = "center" > < MenuIcon buttonIconProps = { { ml : 4 , size : 0 , color : 'text.secondary' , style : { fontSize : '20px' } , } } menuProps = { menuProps } > < MenuItem onClick = { props . onDisconnect } > < MenuItemIcon as = { Icons . PowerSwitch } mr = "2" / > Disconnect < /MenuItem> < /MenuIcon> < /Flex>); } type Props = { onDisconnect : VoidFunction ; } ; const menuListCss = ( ) => `
  width: 250px;
` ; const menuProps = { menuListCss , } as const ;