#### Primary menu only

    let menu = [
      { label: 'New', onClick: () => {} },
      { label: 'Import', onClick: () => {} }
    ];
    <Box pad="small" flex={true} direction="column">
        <Actionbar primaryActions={menu} />
      </Box>


#### Secondary menu only

      let menu = [
        { label: 'New', onClick: () => {} },
        { label: 'Import', onClick: () => {} }
      ];
      <Box pad="small" flex={true} direction="column">
          <Actionbar secondaryActions={menu} title="I am the legend"/>
       </Box>

#### Primary and secondary menu

      let primary = [
        { label: 'New', onClick: () => {} },
        { label: 'Import', onClick: () => {} }
      ];
      let secondary = [
        { label: 'Edit...', onClick: () => {} },
        { label: 'Delete', onClick: () => {} }
      ];      
      <Box pad="small" flex={true} direction="column">
          <Actionbar 
            primaryActions={primary} 
            secondaryActions={secondary} 
            title="I am the legend"/>
       </Box>


#### Disabled menu items
You have to set boolean value to `true` for disabled attribute because
it is JavaScript object (not React prop).

```javascript
      // THIS WON'T WORK;
      let primary = [
        { label: 'New', disabled },
      ];
      // THIS WORKS;
      let primary = [
        { label: 'New', disabled: true },
      ];      
```



      let primary = [
        { label: 'New', onClick: () => {}, disabled: true },
        { label: 'Import', onClick: () => {} }
      ];
      let secondary = [
        { label: 'Edit...', onClick: () => {} },
        { label: 'Delete', onClick: () => {}, disabled: true }
      ];      
      <Box pad="small" flex={true} direction="column">
          <Actionbar 
            primaryActions={primary} 
            secondaryActions={secondary} 
            title="I am the legend"/>
       </Box>