skyquake/plugins/admin/src/components/ColumnCard.jsx

   1 import React from 'react'
   2
   3 export default class extends React.Component {
   4     render() {
   5         let { isSelected, path, children } = this.props;
   6         const bgColor = ((isSelected && '#00acee !important') || 'inherit');
   7         const className = ['card'];
   8         isSelected && className.push('--selected');
   9         const id = path.join('-') + className.join('-');
  10         if (isSelected) {
  11             children = (
  12                 <div style={{ backgroundColor: '#00acee !important', width: '100%' }} >
  13                     {children}
  14                 </div>
  15             )
  16         }
  17         return (
  18             <div className={className.join(' ')} style={{ margin: '1px', padding: '3px' }} >
  19                 {children}
  20             </div>
  21         )
  22     }
  23 }