{"size": 3683, "ext": "js", "max_stars_repo_path": "packages/Ribbon/lib/es/Ribbon.js", "max_stars_repo_name": "karthikbalajikb/KB-TechSpace-Component-Library", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "packages/Ribbon/lib/es/Ribbon.js", "max_issues_repo_name": "karthikbalajikb/KB-TechSpace-Component-Library", "max_issues_repo_issues_event_min_datetime": "2019-09-14T15:48:23.000Z", "max_issues_repo_issues_event_max_datetime": "2019-09-14T16:06:36.000Z", "max_forks_repo_path": "packages/Ribbon/lib/es/Ribbon.js", "max_forks_repo_name": "karthikbalajikb/KB-TechSpace-Component-Library", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 80.0652173913, "max_line_length": 789, "alphanum_fraction": 0.6101004616}
var __makeTemplateObject =
  (this && this.__makeTemplateObject) ||
  function(cooked, raw) {
    if (Object.defineProperty) {
      Object.defineProperty(cooked, 'raw', { value: raw });
    } else {
      cooked.raw = raw;
    }
    return cooked;
  };
import React from 'react';
import styled from 'styled-components';
var Ribbon = function(_a) {
  var title = _a.title;
  return React.createElement(
    Container,
    null,
    React.createElement(RibbonText, null, title),
  );
};
export default Ribbon;
var Container = styled.div(
  templateObject_1 ||
    (templateObject_1 = __makeTemplateObject(
      [
        "\n  background-color: #8acb82;\n  display: inline-block;\n  color: white;\n  padding: 0em 0.25em 0.25em 0.25em;\n  margin: 27px;\n  position: relative;\n  top: 0.85em;\n  margin-bottom: 20px;\n  margin-top: 20px;\n\n  &:before {\n    content: '';\n    background-color: #8acb82;\n    padding: 0em 0.5em;\n    left: -0.75em;\n    top: -0.2em;\n    bottom: auto;\n    height: 1.35em;\n    position: absolute;\n  }\n\n  &:after {\n    content: '';\n    background-color: #8acb82;\n    padding: 0em 0.5em;\n    left: auto;\n    top: 0.3em;\n    bottom: auto;\n    height: 1.35em;\n    position: absolute;\n  }\n",
      ],
      [
        "\n  background-color: #8acb82;\n  display: inline-block;\n  color: white;\n  padding: 0em 0.25em 0.25em 0.25em;\n  margin: 27px;\n  position: relative;\n  top: 0.85em;\n  margin-bottom: 20px;\n  margin-top: 20px;\n\n  &:before {\n    content: '';\n    background-color: #8acb82;\n    padding: 0em 0.5em;\n    left: -0.75em;\n    top: -0.2em;\n    bottom: auto;\n    height: 1.35em;\n    position: absolute;\n  }\n\n  &:after {\n    content: '';\n    background-color: #8acb82;\n    padding: 0em 0.5em;\n    left: auto;\n    top: 0.3em;\n    bottom: auto;\n    height: 1.35em;\n    position: absolute;\n  }\n",
      ],
    )),
);
var RibbonText = styled.i(
  templateObject_2 ||
    (templateObject_2 = __makeTemplateObject(
      [
        "\n  padding: 0em 3em;\n  font-size: 11px;\n  text-transform: uppercase;\n  position: relative;\n  display: inline-block;\n  font-weight: normal;\n  letter-spacing: 0.2em;\n  white-space: nowrap;\n  text-align: center;\n\n  &:before {\n    content: '';\n    position: absolute;\n    bottom: auto;\n    top: -0.8em;\n    border-bottom: 0.5em solid #080b0c;\n    border-bottom: 0.5em solid rgba(8, 11, 12, 0.2);\n    border-left: 0.5em solid transparent;\n    left: -0.55em;\n  }\n\n  &:after {\n    content: '';\n    position: absolute;\n    bottom: auto;\n    z-index: 1;\n    top: 1.5em;\n    left: auto;\n    right: -0.5em;\n    pointer-events: none;\n    -webkit-mask: none;\n    border-top: 0.5em solid rgba(8, 11, 12, 0.2);\n    border-right: 0.5em solid transparent;\n  }\n",
      ],
      [
        "\n  padding: 0em 3em;\n  font-size: 11px;\n  text-transform: uppercase;\n  position: relative;\n  display: inline-block;\n  font-weight: normal;\n  letter-spacing: 0.2em;\n  white-space: nowrap;\n  text-align: center;\n\n  &:before {\n    content: '';\n    position: absolute;\n    bottom: auto;\n    top: -0.8em;\n    border-bottom: 0.5em solid #080b0c;\n    border-bottom: 0.5em solid rgba(8, 11, 12, 0.2);\n    border-left: 0.5em solid transparent;\n    left: -0.55em;\n  }\n\n  &:after {\n    content: '';\n    position: absolute;\n    bottom: auto;\n    z-index: 1;\n    top: 1.5em;\n    left: auto;\n    right: -0.5em;\n    pointer-events: none;\n    -webkit-mask: none;\n    border-top: 0.5em solid rgba(8, 11, 12, 0.2);\n    border-right: 0.5em solid transparent;\n  }\n",
      ],
    )),
);
var templateObject_1, templateObject_2;
//# sourceMappingURL=Ribbon.js.map
