flex

import React, { Component } from 'react';
import PropTypes from 'prop-types';

class Flex extends Component {
    render() {
        const {
            children,
            element,
            // display,
            // colBase,
            // justifyContent,
            // wrap,
            // reverse,
            // column
        } = this.props;

        return (
            <{element}>{ children }</{element}>
        );
    }
}

Flex.propTypes = {
    display: PropTypes.oneOf(['flex', 'inline-flex']),
    element: PropTypes.oneOf([
        'article',
        'aside',
        'div',
        'figure',
        'footer',
        'header',
        'main',
        'nav',
        'section',
    ]),
    gap: PropTypes.number,
    colBase: PropTypes.number,
    justifyContent: PropTypes.oneOf(
        [
            'flex-start',
            'flex-end',
            'center',
            'space-between',
            'space-around',
            'initial',
            'inherit'
        ]
    ),
    wrap: PropTypes.bool,
    reverse: PropTypes.bool,
    column: PropTypes.bool
};

Flex.defaultProps = {
    display: 'flex',
    element: 'div',
};

export default Flex;