@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
JavaScript
;
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;