import React from 'react';
import ReactDOM from 'react-dom';
import { Card, CardSection, Title, Text, Paragraph, Button } from 'furl-components';

ReactDOM.render(
  <Card width={320}>
    <CardSection>
      <Title level={5}>Cool mountains<Text textStyle='small'>Just look at them</Text></Title>
    </CardSection>
    <CardSection media='mountain-scenery.jpg' height={200} />
    <CardSection>
      <Paragraph>This is a lovely image of some mountain scenery.</Paragraph>
    </CardSection>
    <Button>I want to visit the mountains</Button>
  </Card>, 
  document.getElementById('root')
);