Why Gemfury? Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Debian packages RPM packages NuGet packages

Repository URL to install this package:

Details    
Size: Mime:
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _styledTheme = require("styled-theme");

var _jsxFileName = "_forks/arc/src/molecules/Blockquote/index.js";

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

function _extends() { _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; }; return _extends.apply(this, arguments); }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

const StyledBlockquote = _styledComponents.default.blockquote`
  position: relative;
  font-family: ${(0, _styledTheme.font)('quote')};
  font-style: italic;
  font-size: 1.2rem;
  line-height: 2rem;
  box-sizing: border-box;
  color: ${(0, _styledTheme.palette)('grayscale', 1)};
  border-left: 5px solid ${(0, _styledTheme.palette)('grayscale', 2, true)};
  margin: 1rem 0;
  padding: 0.5rem 0 0.5rem 1.5rem;
`;
const Cite = _styledComponents.default.cite`
  display: block;
  font-family: ${(0, _styledTheme.font)('primary')};
  font-weight: 300;
  font-style: normal;
  margin-top: 0.4rem;
`;

const Blockquote = (_ref) => {
  let cite = _ref.cite,
      children = _ref.children,
      props = _objectWithoutProperties(_ref, ["cite", "children"]);

  return _react.default.createElement(StyledBlockquote, _extends({}, props, {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 29
    },
    __self: void 0
  }), _react.default.createElement("div", {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 30
    },
    __self: void 0
  }, children), cite && _react.default.createElement(Cite, {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 31
    },
    __self: void 0
  }, cite));
};

Blockquote.propTypes = {
  cite: _propTypes.default.string,
  children: _propTypes.default.node,
  reverse: _propTypes.default.bool
};
var _default = Blockquote;
exports.default = _default;