ActionPanelHeader

[atomanyih]

On appsman we made this thing:

const {PanelTitle} = require('pui-react-panels');

const ActionPanelHeader = ({title, actions}) => (
  <div className="action-panel-header">
    <PanelTitle>{title}</PanelTitle>

    <div className="actions mrl mtm">{actions}</div>
  </div>
);

module.exports = ActionPanelHeader;

.action-panel-header {
  position: relative;

  .actions {
    position: absolute;
    top: 0;
    right: 0;
  }
}

which is invoked roughly like this:

actions = <HighlightButton>click me</HighlightButton>
header = <ActionPanelHeader title="so title" actions={actions}/>

<BasicPanelAlt header={header}>
  Some stuff
</BasicPanelAlt>

If we like this, I'll make a PR or something

[atomanyih]

note that this is only as nice as it is because of #342

[atomanyih]

@pivotal-plech @charleshansen

[atomanyih]

relates to #287