@makeen.io/material-ui-kit/distr/atoms/ActivityItem/index.js

Makeen UI components kit. Based on material-ui.

import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";function _templateObject() {var data = _taggedTemplateLiteral(["\n  height: 80px;\n  padding: 10px 25px;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid #f2f3f8;\n\n  .explorer-activity-item-description {\n    padding: 15px;\n    flex-grow: 1;\n\n    .title {\n      font-size: 13px;\n      margin-top: 10px;\n      span {\n        margin-right: 2px;\n      }\n      .bold {\n        font-weight: bold;\n      }\n    }\n\n    .details {\n      display: flex;\n      align-items: center;\n\n      .subtitle {\n        font-size: 11px;\n        color: ", ";\n      }\n\n      .actions {\n        margin-left: auto;\n\n        .action-item {\n          margin-left: 5px;\n          margin-right: 5px;\n          align-items: center;\n\n          .action-item-text {\n            color: ", ";\n            font-size: 11px;\n            position: relative;\n            bottom: 8px;\n            margin-left: 5px;\n          }\n        }\n      }\n    }\n  }\n"]);_templateObject = function _templateObject() {return data;};return data;}import React from "react";
import CommentIcon from "../../../assets/icons/comment-alt.svg";
import DownIcon from "../../../assets/icons/down.svg";
import PersonAddIcon from "../../../assets/icons/person-add.svg";
import UpIcon from "../../../assets/icons/up.svg";
import styled from "styled-components";
var ActivityItemWrapper = styled.div(_templateObject(),



























function (props) {return props.theme.palette.infoInvert.contrastText;},











function (props) {return props.theme.palette.infoInvert.contrastText;});










export default (function (_ref) {var theme = _ref.theme,type = _ref.type,component = _ref.component,performer = _ref.performer,subtitle = _ref.subtitle;return /*#__PURE__*/React.createElement(ActivityItemWrapper, { theme: theme }, /*#__PURE__*/
  React.createElement("div", { className: "explorer-activity-item-icon" },
  type === "add" && /*#__PURE__*/React.createElement(PersonAddIcon, null),
  type === "edit" && /*#__PURE__*/React.createElement(PersonAddIcon, null)), /*#__PURE__*/
  React.createElement("div", { className: "explorer-activity-item-description" }, /*#__PURE__*/
  React.createElement("div", { className: "title" }, /*#__PURE__*/
  React.createElement("span", null, type === "add" && "New"), /*#__PURE__*/
  React.createElement("span", null, component), /*#__PURE__*/
  React.createElement("span", null, type === "add" && "Added by"), /*#__PURE__*/
  React.createElement("span", null, type === "edit" && "Edited by"), /*#__PURE__*/
  React.createElement("span", { className: "bold" }, performer)), /*#__PURE__*/
  React.createElement("div", { className: "details" }, /*#__PURE__*/
  React.createElement("div", { className: "subtitle" }, subtitle), /*#__PURE__*/
  React.createElement("div", { className: "actions" }, /*#__PURE__*/
  React.createElement("span", { className: "action-item" }, /*#__PURE__*/
  React.createElement(UpIcon, null)), /*#__PURE__*/
  React.createElement("span", { className: "action-item" }, /*#__PURE__*/
  React.createElement(DownIcon, null)), /*#__PURE__*/
  React.createElement("span", { className: "action-item" }, /*#__PURE__*/
  React.createElement(CommentIcon, null), /*#__PURE__*/
  React.createElement("span", { className: "action-item-text" }, "Comment"))))));});
//# sourceMappingURL=index.js.map