/* eslint react/react-in-jsx-scope:0, react/jsx-no-undef:0 */
return (
  <div>
    <div style={{ width: 300, marginBottom: '30px' }}>
      <CardBasic
        link='https://github.com/SUI-Components/sui-components'
        media={{ src: 'http://lorempicsum.com/simpsons/300/200/1' }}
        title='Basic card'
        description='Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore voluptatum minus nihil, eum perspiciatis?'
        button={<button onClick={() => alert('you clicked me!')}>click me</button>}
      />
    </div>
    <div style={{ width: 300 }}>
      <CardBasic
        link='https://github.com/SUI-Components/sui-components'
        media={{ src: 'http://lorempicsum.com/simpsons/300/200/2' }}
        title='Basic card with primary title'
        titleStyle='primary'
        description='Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore voluptatum minus nihil, eum perspiciatis?'
        lazyLoad={{ debounce: true, offsetVertical: 300, aspectRatio: '3:2' }}
      />
    </div>
  </div>
)
