@onextech/react-semantic-booster/src/components/organisms/HalfBanner/index.js

Extended components for react-semantic-ui

import React from 'react';
import PropTypes from 'prop-types';
import Grid from '../../atoms/Grid';
import Copy from '../../molecules/Copy/index';


const HalfBanner = ({
  rightCol,
  leftCol,
  grid,
  row,
}) => (
  <Grid attached stackable inverted {...grid}>
    <Grid.Row columns="equal" {...row}>
      {
        [leftCol, rightCol].map((col, i) => (
          <Grid.Column padded {...col} key={['left', 'right'][i]}>
            <Copy {...col.copy} />
          </Grid.Column>
        ))
      }
    </Grid.Row>
  </Grid>
);

HalfBanner.propTypes = {
  rightCol: PropTypes.object.isRequired,
  leftCol: PropTypes.object.isRequired,
  grid: PropTypes.object, // grid props
  row: PropTypes.object, // grid row props
};

export default HalfBanner;