text: // @flow
  
  import React from 'react';
  import InlineMessage from '../src';
  
  const MessageContent = (
    <div>
      <span>Authenticate heading</span>
      <span>
        Authenticate <a href="https://atlaskit.atlassian.com/">here</a> to see
        more information
      </span>
    </div>
  );
  
  export default () => (
    <div>
      <InlineMessage
        type="connectivity"
        title="JIRA Service Desk"
        secondaryText="Authenticate to see more information"
      >
        {MessageContent}
      </InlineMessage>
      <InlineMessage
        type="connectivity"
        secondaryText="Authenticate to see more information"
      >
        {MessageContent}
      </InlineMessage>
    </div>
  );
  