@stokr/components-library
Version:
STOKR - Components Library
67 lines (66 loc) • 3.04 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.Arrow = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireWildcard(require("styled-components"));
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
const iconDirection = _ref => {
let {
direction
} = _ref;
switch (direction) {
case 'right':
return (0, _styledComponents.css)(["transform:rotate(90deg) scale(-1,1);"]);
case 'left':
return (0, _styledComponents.css)(["transform:rotate(-90deg);"]);
case 'bottom':
return (0, _styledComponents.css)(["transform:rotate(180deg);"]);
case 'top':
default:
return (0, _styledComponents.css)([""]);
}
};
const Icon = _styledComponents.default.svg.withConfig({
displayName: "Arrow__Icon",
componentId: "sc-1p6ppq5-0"
})(["", ";"], iconDirection);
const Arrow = props => /*#__PURE__*/_react.default.createElement(Icon, _extends({
width: "18",
height: "10",
viewBox: "0 0 18 10",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react.default.createElement("g", {
id: "STO-Pages",
fill: "none",
fillRule: "evenodd",
strokeLinecap: "round",
strokeLinejoin: "round"
}, /*#__PURE__*/_react.default.createElement("g", {
id: "2.-Tablet-Pitch-Tab",
transform: "translate(-120 -5387)",
stroke: "#FFF",
strokeWidth: "1.5"
}, /*#__PURE__*/_react.default.createElement("g", {
id: "Wrap-Up",
transform: "translate(0 5299)"
}, /*#__PURE__*/_react.default.createElement("g", {
id: "Top",
transform: "translate(64 84)"
}, /*#__PURE__*/_react.default.createElement("g", {
id: "Top-Icon",
transform: "translate(50 5)"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M9.917,5.583 L7.25,8.25",
id: "Stroke-1",
transform: "matrix(0 -1 -1 0 15.5 15.5)"
}), /*#__PURE__*/_react.default.createElement("polyline", {
id: "Stroke-3",
transform: "scale(1 -1) rotate(90 21.834 0)",
points: "13.5835 -1.4165 21.5835 6.5835 18.2505 9.9165"
})))))));
exports.Arrow = Arrow;
var _default = exports.default = Arrow;