skyquake/plugins/composer/src/src/components/LayoutRow.js

   1 /**
   2  * Created by onvelocity on 2/12/16.
   3  */
   4
   5 'use strict';
   6
   7 import React from 'react'
   8 import ClassNames from 'classnames'
   9
  10 import '../styles/LayoutRow.scss'
  11
  12 export default function LayoutRow(props) {
  13
  14         const primaryActionColumn = props.primaryActionColumn ? props.primaryActionColumn : <div className="layout-row-empty-cell"> </div>;
  15         const secondaryActionColumn = props.secondaryActionColumn ? props.secondaryActionColumn : <div className="layout-row-empty-cell"> </div>;
  16
  17         return (
  18                 <table {...props} className={ClassNames('layout-row', props.className)}>
  19                         <tbody>
  20                                 <tr>
  21                                         <th className="primary-action-column">
  22                                                 <div className="primary-action-column">{primaryActionColumn}</div>
  23                                         </th>
  24                                         <th className="secondary-action-column">
  25                                                 <div className="primary-action-column">{secondaryActionColumn}</div>
  26                                         </th>
  27                                         <td className="columns">
  28                                                 {props.children}
  29                                         </td>
  30                                 </tr>
  31                         </tbody>
  32                 </table>
  33         );
  34
  35 }