import React from 'react';

import {
  EuiFlexGroup,
  EuiFlexItem,
} from '../../../../src/components';

export default () => (
  <button onClick={() => { window.alert('click'); }}>
    <EuiFlexGroup component="span">
      <EuiFlexItem component="span">
        These items are within a button
      </EuiFlexItem>

      <EuiFlexItem component="span">
        So they all specify component=&ldquo;span&rdquo;
      </EuiFlexItem>
    </EuiFlexGroup>
  </button>
);
