workflow-designer-ui/src/main/frontend/src/features/version/composition/components/CompositionButton.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 import React from 'react';
  17 import PropTypes from 'prop-types';
  18 import SVGIcon from 'sdc-ui/lib/react/SVGIcon';
  19
  20 const CompositionButton = ({ onClick, name, title, disabled }) => (
  21     <div
  22         onClick={disabled ? () => {} : onClick}
  23         className={`diagram-btn ${disabled ? 'disabled' : ''}`}>
  24         <SVGIcon title={title} name={name} />
  25     </div>
  26 );
  27
  28 CompositionButton.propTypes = {
  29     onClick: PropTypes.func,
  30     className: PropTypes.string,
  31     name: PropTypes.string,
  32     title: PropTypes.string,
  33     disabled: PropTypes.bool
  34 };
  35
  36 export default CompositionButton;