add64902de3f3a95c8638365b12ce0f416a97e70
[sdc/sdc-workflow-designer.git] /
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 CompositionButton from './CompositionButton';
19
20 const Divider = () => <div className="divider" />;
21
22 const CompositionButtons = ({ onClean, onUpload, onDownload }) => (
23     <div className="composition-buttons">
24         <CompositionButton
25             data-test-id="composition-clear-btn"
26             onClick={onClean}
27             name="trashO"
28             title="clear"
29         />
30         <Divider />
31         <CompositionButton
32             data-test-id="composition-download-btn"
33             onClick={onDownload}
34             name="download"
35             title="download"
36         />
37         <Divider />
38         <CompositionButton
39             data-test-id="composition-download-upload"
40             onClick={onUpload}
41             name="upload"
42             title="upload"
43         />
44     </div>
45 );
46
47 CompositionButtons.propTypes = {
48     onClean: PropTypes.func,
49     onUpload: PropTypes.func,
50     onDownload: PropTypes.func
51 };
52 export default CompositionButtons;