@scrnhq/eurovision-elements/timeline/index.js

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Bottom = exports.Entry = undefined;

var _templateObject = _taggedTemplateLiteral(['\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  font-family: ', ';\n  font-weight: 300;\n'], ['\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  font-family: ', ';\n  font-weight: 300;\n']),
    _templateObject2 = _taggedTemplateLiteral(['\n  position: relative;\n  padding: 0 0 1.5em 1.875em;\n\n  &:before {\n    background: ', ';\n    display: block;\n    content: \'\';\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 1px;\n    height: 100%;\n  }\n\n  &:after {\n    background: ', ';\n    display: block;\n    content: \'\';\n    width: 0.5em;\n    height: 0.5em;\n    position: absolute;\n    top: 0;\n    left: -0.25em;\n    border-radius: 50%;\n  }\n'], ['\n  position: relative;\n  padding: 0 0 1.5em 1.875em;\n\n  &:before {\n    background: ', ';\n    display: block;\n    content: \'\';\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 1px;\n    height: 100%;\n  }\n\n  &:after {\n    background: ', ';\n    display: block;\n    content: \'\';\n    width: 0.5em;\n    height: 0.5em;\n    position: absolute;\n    top: 0;\n    left: -0.25em;\n    border-radius: 50%;\n  }\n']),
    _templateObject3 = _taggedTemplateLiteral(['\n  color: ', ';\n  font-size: 0.875em;\n  margin-top: 0.65em;\n'], ['\n  color: ', ';\n  font-size: 0.875em;\n  margin-top: 0.65em;\n']),
    _templateObject4 = _taggedTemplateLiteral(['\n  position: relative;\n  padding-left: 1.875em;\n  line-height: 1;\n\n  &:before {\n    background: ', ';\n    display: block;\n    content: \'\';\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 1px;\n    height: 100%;\n  }\n\n  &:after {\n    background: ', ';\n    display: block;\n    content: \'\';\n    width: 0.5em;\n    height: 0.5em;\n    position: absolute;\n    bottom: 0;\n    left: -0.25em;\n    border-radius: 50%;\n  }\n'], ['\n  position: relative;\n  padding-left: 1.875em;\n  line-height: 1;\n\n  &:before {\n    background: ', ';\n    display: block;\n    content: \'\';\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 1px;\n    height: 100%;\n  }\n\n  &:after {\n    background: ', ';\n    display: block;\n    content: \'\';\n    width: 0.5em;\n    height: 0.5em;\n    position: absolute;\n    bottom: 0;\n    left: -0.25em;\n    border-radius: 50%;\n  }\n']);

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var Container = _styledComponents2.default.ul(_templateObject, function (props) {
  return props.theme.fontBase;
});

var Timeline = function Timeline(_ref) {
  var children = _ref.children;
  return _react2.default.createElement(
    Container,
    null,
    children
  );
};

Timeline.propTypes = { children: _react.PropTypes.node };

var Item = _styledComponents2.default.li(_templateObject2, function (props) {
  return props.theme.dark;
}, function (props) {
  return props.theme.dark;
});

var Date = _styledComponents2.default.div(_templateObject3, function (props) {
  return props.theme.grey;
});

var Entry = function Entry(_ref2) {
  var children = _ref2.children,
      date = _ref2.date;
  return _react2.default.createElement(
    Item,
    null,
    children,
    _react2.default.createElement(
      Date,
      null,
      date
    )
  );
};

var Bottom = _styledComponents2.default.li(_templateObject4, function (props) {
  return props.theme.dark;
}, function (props) {
  return props.theme.dark;
});

Entry.propTypes = {
  children: _react.PropTypes.node,
  date: _react.PropTypes.string
};

exports.default = Timeline;
exports.Entry = Entry;
exports.Bottom = Bottom;