CardPage.js

import PropTypes from 'prop-types'
import React, {Component} from "react";
import styles from './CardPage.module.css';

const CardPage = ({title, imgLink, text, width, children}) => (
    <div className={styles.card}
         style={{
             width: width
         }}>
        {title &&
        <div>
            <div className={styles.card_top}>
                <h1 className={styles.display1}> {title}</h1>
            </div>
            <hr/>
        </div>
        }

        {text}

        {imgLink &&
        <div className={styles.card_image}>
            <img className={styles.img}
                 src={imgLink}/>
        </div>
        }
        {children}
    </div>
);

CardPage.propTypes = {
    title: PropTypes.string,
    imgLink: PropTypes.string,
    text: PropTypes.string,
    width: PropTypes.number,
};

export default CardPage;