openecomp-ui/src/sdc-app/onboarding/licenseModel/overview/listItems/listItemsComponents/AdditionalDataCol.jsx

   1 /*!
   2  * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
   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
  13  * or implied. See the License for the specific language governing
  14  * permissions and limitations under the License.
  15  */
  16 import React from 'react';
  17 import PropTypes from 'prop-types';
  18
  19 function AdditionalDataCol({children}) {
  20         return (
  21                 <div className='list-item-section list-item-additional-data-col'>
  22                         <div className='additional-data-col-border'></div>
  23                         <div className='additional-data'>
  24                                 {children}
  25                         </div>
  26                 </div>
  27         );
  28 }
  29
  30 AdditionalDataCol.propTypes = {
  31         children: PropTypes.oneOfType([
  32                 PropTypes.arrayOf(PropTypes.node),
  33                 PropTypes.node
  34         ])
  35 };
  36
  37 function AdditionalDataElement({className, name, value}) {
  38         return (
  39                 <div className={className}>
  40                         <span className='additional-data-name'>{name}: </span>
  41                         <span className='additional-data-value'>{value}</span>
  42                 </div>
  43         );
  44 }
  45
  46 AdditionalDataElement.propTypes = {
  47         name: PropTypes.string,
  48         value: PropTypes.string,
  49         className: PropTypes.string
  50 };
  51
  52 export {AdditionalDataCol, AdditionalDataElement};