<ContextMenu
  items={[
    {
      label: 'Back',
      onClick: handleBack,
      subLabel: <ArrowBigLeftIcon />,
      type: 'action'
    },
    {
      disabled: true,
      label: 'Forward',
      onClick: handleForward,
      subLabel: <ArrowBigRightIcon />,
      type: 'action'
    },
    {
      icon: <PrinterIcon />,
      label: 'Print',
      onClick: handlePrint,
      type: 'action'
    },
    {
      type: 'divider'
    },
    {
      checked: true,
      label: 'Dark mode',
      onChange: changeDarkMode,
      type: 'checkbox'
    },
    {
      checked: false,
      label: 'Auto scroll',
      onChange: changeAutoScroll,
      type: 'checkbox'
    },
    {
      type: 'divider'
    },
    {
      label: 'People',
      type: 'label'
    },
    {
      type: 'divider'
    },
    {
      label: 'ReactJS',
      name: 'framework',
      onSelect: selectFramework,
      selected: true,
      type: 'radio'
    },
    {
      label: 'VueJS',
      name: 'framework',
      onSelect: selectFramework,
      selected: false,
      type: 'radio'
    }
  ]}
>
  <span>Right-click Context</span>
</ContextMenu>