workflow-designer-ui/src/main/frontend/__mocks__/sdc-ui/lib/react/SVGIcon.js

   1 /*
   2 * Copyright © 2018 European Support Limited
   3 *
   4 * Licensed under the Apache License, Version 2.0 (the "License");
   5 * you may not use this file except in compliance with the License.
   6 * You may obtain a copy of the License at
   7 *
   8  *      http://www.apache.org/licenses/LICENSE-2.0
   9 *
  10  * Unless required by applicable law or agreed to in writing, software
  11 * distributed under the License is distributed on an "AS IS" BASIS,
  12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13 * See the License for the specific language governing permissions and
  14 * limitations under the License.
  15 */
  16
  17 import React from 'react';
  18
  19 const SVGIcon = ({
  20     name,
  21     onClick,
  22     label,
  23     className,
  24     iconClassName,
  25     labelClassName,
  26     labelPosition,
  27     color,
  28     disabled,
  29     ...other
  30 }) => {
  31     let colorClass = color !== '' ? '__' + color : '';
  32     let classes = `svg-icon-wrapper ${iconClassName} ${className} ${colorClass} ${
  33         onClick ? 'clickable' : ''
  34     } ${disabled ? 'disabled' : ''} ${labelPosition}`;
  35
  36     let iconMock = (
  37         <div {...other} onClick={onClick} className={classes}>
  38             <span
  39                 className={`svg-icon __${name} ${disabled ? 'disabled' : ''}`}
  40             />
  41             {label && (
  42                 <span className={`svg-icon-label ${labelClassName}`}>
  43                     {label}
  44                 </span>
  45             )}
  46         </div>
  47     );
  48
  49     return iconMock;
  50 };
  51 export default SVGIcon;