storybook-addon-react-renders/dist/components/PanelTitle/style.js

Storybook addon for renders analysis of React components.

"use strict";

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

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _reactEmotion = require("react-emotion");

var _reactEmotion2 = _interopRequireDefault(_reactEmotion);

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

/*
  The Indicator component comes from:
  https://github.com/storybooks/storybook/blob/f49c44482618ca77e8134b53aba58d6138b662ed/addons/jest/src/components/Indicator.js
*/

var Indicator = exports.Indicator = (0, _reactEmotion2.default)("div")(function (_ref) {
  var color = _ref.color,
      size = _ref.size;
  return {
    boxSizing: "border-box",
    padding: "0 " + size / 2 + "px",
    minWidth: size,
    minHeight: size,
    fontSize: size / 1.4,
    lineHeight: size + "px",
    color: "white",
    textTransform: "uppercase",
    borderRadius: size / 2,
    backgroundColor: color
  };
}, function (_ref2) {
  var styles = _ref2.styles;
  return _extends({}, styles);
});

var PanelWrapper = exports.PanelWrapper = (0, _reactEmotion2.default)("div")({
  display: "grid",
  gridAutoFlow: "column",
  gridGap: 5,
  alignItems: "center"
});