import './demo3.css';
import Card from '..';
import React from 'react';
import ReactDOM from 'react-dom';

ReactDOM.render(
  <>
    <Card className="media-card" free>
      <Card.Media fullMedia>
        <img
          style={{ height: '180px' }}
          src="https://img.alicdn.com/imgextra/i1/O1CN01nDjiPD1gVNBnsx0BQ_!!6000000004147-0-tps-512-512.jpg"
        />
      </Card.Media>
      <Card.Header title="Title" extra="2020.03.24 10:44" />

      <Card.Content>
                Lorem ipsum dolor sit amet, est viderer iuvaret perfecto et. Ne
                petentium quaerendum nec, eos ex recteque mediocritatem, ex usu
                assum legendos temporibus. Ius feugiat pertinacia an, cu
                verterem praesent quo.
      </Card.Content>
      <Card.Actions socialActions></Card.Actions>
    </Card>
    <br />
    <Card className="media-card" free>
      <Card.Header title="Title" subTitle="Sub Title" />
      <Card.Media>
        <img
          style={{ width: '250px', height: '180px' }}
          src="https://img.alicdn.com/imgextra/i1/O1CN01nDjiPD1gVNBnsx0BQ_!!6000000004147-0-tps-512-512.jpg"
        />
      </Card.Media>

      <Card.Content>
                Lorem ipsum dolor sit amet, est viderer iuvaret perfecto et. Ne
                petentium quaerendum nec, eos ex recteque mediocritatem, ex usu
                assum legendos temporibus. Ius feugiat pertinacia an, cu
                verterem praesent quo.
      </Card.Content>
      <Card.Actions btnActions></Card.Actions>
    </Card>
  </>,
  document.getElementById('card-demo-3'),
);