import React from 'react';
import PropTypes from 'prop-types';
const SVG_ICONS = {
spinner: {
size: [
0, 0, 20, 20
],
path: (
)
},
budgetWireless: {
size: [
0, 0, 21, 16
],
path: (
)
},
budgetWired: {
size: [
0, 0, 20, 16
],
path: (
)
},
mechanicalCylinder: {
size: [
0, 0, 20, 16
],
path: (
)
},
wirelessDigitalCylinder: {
size: [
0, 0, 21, 16
],
path: (
)
},
oneDoorWired: {
size: [
0, 0, 20, 17
],
path: (
)
},
wirelessGateway: {
size: [
0, 0, 11, 16
],
path: (
)
}
};
const remapping = (type) => {
switch (type) {
case 'budget-wireless':
return 'budgetWireless';
case 'budget-wired':
return 'budgetWired';
case 'mechanical-cylinder':
return 'mechanicalCylinder';
case 'wireless-digital-cylinder':
case 'single-door-digital-cylinder':
case 'single-door-wireless-c-lever':
case 'single-door-wireless-c-lever-compact':
case 'single-door-wireless-c-lever-air':
case 'single-door-wireless-c-lever-pro':
case 'single-door-wireless-remote-reader':
case 'single-door-wireless-mechatronics-cylinder':
return 'wirelessDigitalCylinder';
case 'one-door-wired':
case 'motor-lock':
case 'electric-lock':
case 'one-door-wired-alarm':
case 'motor-lock-alarm':
case 'electric-lock-alarm':
case 'automatic-door-wired':
case 'automatic-door-wired-alarm':
case 'turnstile':
return 'oneDoorWired';
case 'wireless-gateway':
case 'wireless-gateway2':
return 'wirelessGateway';
default:
return type;
}
};
export const getSVGSize = (type) => {
const svg = SVG_ICONS[remapping(type)];
if (!svg) {
return 0;
}
return svg.size;
};
export default function SVGIcon({ type, fill = 'black', style, withoutContainer, transform, className }) {
const svg = SVG_ICONS[remapping(type)];
if (!svg) {
return null;
}
if (withoutContainer) {
return (
{svg.path}
);
}
const defaultStyle = {
width: 20,
height: 20
};
return (
);
}
/* eslint-disable react/forbid-prop-types */
SVGIcon.propTypes = {
type: PropTypes.string.isRequired,
fill: PropTypes.string,
withoutContainer: PropTypes.bool,
style: PropTypes.object
};
SVGIcon.defaultProps = {
fill: undefined,
withoutContainer: undefined,
style: undefined
};