import './demo4.css';
import Card from '..';
import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from '../..';

ReactDOM.render(
  <div>
    <Card
      className="free-card custom"
      free
      direction="horizontal"
    >
      <Card.Media>
        <img src="https://img.alicdn.com/tfs/TB1FNIOSFXXXXaWXXXXXXXXXXXX-260-188.png" />
      </Card.Media>
      <div className="free-card-main">
        <Card.Header title="Title" subTitle="Sub Title" extra={<Button type="primary" text>Link</Button>} />
        <Card.Content>
                Lorem ipsum dolor sit amet, est viderer iuvaret perfecto et.
        </Card.Content>
        <Card.Actions btnActions={[ 'ok' ]}>
        </Card.Actions>
      </div>
    </Card>
  </div>
  , document.getElementById('card-demo-4'));
