"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
    result["default"] = mod;
    return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
var _a;
Object.defineProperty(exports, "__esModule", { value: true });
var React = __importStar(require("react"));
var styled_components_1 = __importDefault(require("styled-components"));
var styleConstants_1 = require("../styleConstants");
var EventDate_1 = __importDefault(require("./EventDate"));
var ListingHistoryEventStyles;
(function (ListingHistoryEventStyles) {
    ListingHistoryEventStyles["WHITELISTED"] = "WHITELISTED";
    ListingHistoryEventStyles["REJECTED"] = "REJECTED";
})(ListingHistoryEventStyles = exports.ListingHistoryEventStyles || (exports.ListingHistoryEventStyles = {}));
var StyledListingHistoryEvent = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  font-family: ", ";\n"], ["\n  display: flex;\n  font-family: ", ";\n"])), styleConstants_1.fonts.SANS_SERIF);
var eventColors = (_a = {},
    _a[ListingHistoryEventStyles.WHITELISTED] = styleConstants_1.colors.accent.CIVIL_TEAL,
    _a[ListingHistoryEventStyles.REJECTED] = styleConstants_1.colors.accent.CIVIL_RED,
    _a);
var StyledEventDetail = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-left: 4px solid ", "\n  padding: 0 0 40px 33px;\n  position: relative;\n\n  & svg {\n    background: ", ";\n    position: absolute;\n    left: -15px;\n    top: 0;\n    z-index: 2;\n  }\n\n"], ["\n  border-left: 4px solid ", "\n  padding: 0 0 40px 33px;\n  position: relative;\n\n  & svg {\n    background: ", ";\n    position: absolute;\n    left: -15px;\n    top: 0;\n    z-index: 2;\n  }\n\n"])), styleConstants_1.colors.accent.CIVIL_GRAY_4, styleConstants_1.colors.basic.WHITE);
var StyledEventCircle = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  & circle {\n    fill: ", ";\n    stroke: ", ";\n  }\n"], ["\n  & circle {\n    fill: ", ";\n    stroke: ", ";\n  }\n"])), function (props) { return (props.eventStyle ? eventColors[props.eventStyle] : styleConstants_1.colors.accent.CIVIL_GRAY_2); }, function (props) { return (props.eventStyle ? eventColors[props.eventStyle] : styleConstants_1.colors.accent.CIVIL_GRAY_2); });
var StyledEventTitle = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 21px;\n  font-weight: 600;\n  line-height: 25px;\n  margin: 0 0 8px 12px;\n"], ["\n  color: ", ";\n  font-size: 21px;\n  font-weight: 600;\n  line-height: 25px;\n  margin: 0 0 8px 12px;\n"])), styleConstants_1.colors.primary.CIVIL_GRAY_1);
exports.StyledEventCopy = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 16px;\n  line-height: 19px;\n  letter-spacing: -0.39px;\n\n  & > strong {\n    color: ", ";\n    font-weight: normal;\n  }\n"], ["\n  color: ", ";\n  font-size: 16px;\n  line-height: 19px;\n  letter-spacing: -0.39px;\n\n  & > strong {\n    color: ", ";\n    font-weight: normal;\n  }\n"])), styleConstants_1.colors.primary.CIVIL_GRAY_2, styleConstants_1.colors.primary.CIVIL_GRAY_1);
exports.ListingHistoryEvent = function (props) {
    return (React.createElement(StyledListingHistoryEvent, null,
        React.createElement(EventDate_1.default, { timestamp: props.timestamp }),
        React.createElement(EventDetail, { title: props.title, eventStyle: props.eventStyle }, props.children)));
};
var EventDetail = function (props) {
    return (React.createElement(StyledEventDetail, { eventStyle: props.eventStyle },
        React.createElement(StyledEventCircle, { eventStyle: props.eventStyle },
            React.createElement("svg", { viewBox: "0 0 26 26", width: "26", height: "26", xmlns: "http://www.w3.org/2000/svg" },
                React.createElement("circle", { cx: "13", cy: "13", r: "7" }))),
        React.createElement(StyledEventTitle, null, props.title),
        props.children));
};
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
//# sourceMappingURL=ListingHistoryEvent.js.map