"use strict";

require("./demo4.css");

var _ = _interopRequireDefault(require(".."));

var _react = _interopRequireDefault(require("react"));

var _reactDom = _interopRequireDefault(require("react-dom"));

var _2 = require("../..");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
  className: "free-card custom",
  free: true,
  direction: "horizontal"
}, /*#__PURE__*/_react["default"].createElement(_["default"].Media, null, /*#__PURE__*/_react["default"].createElement("img", {
  style: {
    width: '180px',
    height: '180px'
  },
  src: "https://img.alicdn.com/imgextra/i1/O1CN01nDjiPD1gVNBnsx0BQ_!!6000000004147-0-tps-512-512.jpg"
})), /*#__PURE__*/_react["default"].createElement("div", {
  className: "free-card-main"
}, /*#__PURE__*/_react["default"].createElement(_["default"].Header, {
  title: "Title",
  subTitle: "Sub Title",
  extra: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("a", {
    href: "#111",
    style: {
      marginRight: '16px'
    }
  }, ' ', "\u7F16\u8F91", ' '), /*#__PURE__*/_react["default"].createElement("span", null, "|"), /*#__PURE__*/_react["default"].createElement("a", {
    href: "#222",
    style: {
      marginLeft: '16px'
    }
  }, ' ', "\u8BA2\u9605", ' '))
}), /*#__PURE__*/_react["default"].createElement(_["default"].Content, null, "Lorem ipsum dolor sit amet, est viderer iuvaret perfecto et.", /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    marginTop: '12px'
  }
}, /*#__PURE__*/_react["default"].createElement(_2.Tag, {
  style: {
    marginRight: '8px'
  }
}, "\u6807\u7B7E"), /*#__PURE__*/_react["default"].createElement(_2.Tag, {
  style: {
    marginRight: '8px'
  }
}, "\u6807\u7B7E"), /*#__PURE__*/_react["default"].createElement(_2.Tag, null, "\u6807\u7B7E")), /*#__PURE__*/_react["default"].createElement("p", {
  style: {
    marginTop: '14px',
    color: '#a6a6a6'
  }
}, "2020.03.24 10:44")), /*#__PURE__*/_react["default"].createElement(_["default"].Actions, {
  btnActions: ['ok']
})))), document.getElementById('card-demo-4'));