bootstrap-4-react/src/components/card/CardImage.jsx

Bootstrap 4 React components

import React, { Component } from 'react';
import { JS } from 'fsts';

import { withClassName } from '../../utilities';
import { BImg } from '../dom';

class CardImage extends Component {
  render() {
    const p = JS.lessProps(this.props, ['top', 'bottom']);

    return <BImg {...p} />
  }
}

function imageClassName(props) {
  const { top, bottom } = props;
  return top
    ? 'card-img-top'
    : (bottom? 'card-img-bottom' : 'card-img')
}

export default withClassName(imageClassName)(CardImage);