@r3l/app/lib/modules/icons/triangle.component.js

Relevant App

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

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

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

var _styled = require("../styled");

var Triangle = function Triangle(_ref) {
  var direction = _ref.direction,
      inline = _ref.inline,
      lh = _ref.lh;

  if (direction === 'UP') {
    return /*#__PURE__*/_react.default.createElement(_styled.Text, {
      sx: {
        lineHeight: lh,
        color: 'green'
      }
    }, "\u25B2");
  }

  if (direction === 'DOWN') {
    return /*#__PURE__*/_react.default.createElement(_styled.Text, {
      sx: {
        lineHeight: lh,
        color: 'red'
      }
    }, "\u25BC");
  }

  return null;
};

Triangle.propTypes = {
  direction: _propTypes.default.oneOf(['UP', 'DOWN']),
  inline: _propTypes.default.number,
  lh: _propTypes.default.number
};
var _default = Triangle;
exports.default = _default;
//# sourceMappingURL=triangle.component.js.map