UNPKG

@kiwicom/orbit-components

Version:

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

72 lines (55 loc) 1.9 kB
"use strict"; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.StyledFeatureIcon = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var React = _interopRequireWildcard(require("react")); var _styledComponents = _interopRequireDefault(require("styled-components")); var _defaultTheme = _interopRequireDefault(require("../defaultTheme")); var _consts = require("./consts"); const baseSize = 52; const getURL = name => (size = 1) => { const url = `${_consts.baseURL}/feature-icons/${baseSize * size}x${baseSize * size}/${name}.png`; if (size > 1) { return `${url} ${size}x`; } return url; }; const generateURL = name => { const urlWithName = getURL(name); return { src: urlWithName(), srcSet: [urlWithName(2), urlWithName(3)].join(",") }; }; const StyledFeatureIcon = (0, _styledComponents.default)(({ className, name, alt, dataTest }) => /*#__PURE__*/React.createElement("img", (0, _extends2.default)({ className: className, alt: alt, "data-test": dataTest }, generateURL(name)))).withConfig({ displayName: "FeatureIcon__StyledFeatureIcon", componentId: "sc-1eir8gw-0" })(["height:", "px;width:auto;background-color:transparent;"], baseSize); // $FlowFixMe: https://github.com/flow-typed/flow-typed/issues/3653#issuecomment-568539198 exports.StyledFeatureIcon = StyledFeatureIcon; StyledFeatureIcon.defaultProps = { theme: _defaultTheme.default }; const FeatureIcon = ({ alt = "", name, dataTest }) => /*#__PURE__*/React.createElement(StyledFeatureIcon, { alt: alt, name: name, dataTest: dataTest }); var _default = FeatureIcon; exports.default = _default;