import React from 'react';
import PropTypes from 'prop-types';
import Typography from '@material-ui/core/Typography';

import './Styles.scss';

class FastConfigurationRow extends React.Component {
    render() {
        const { optionclassification, children } = this.props;

        return (
            <div className="fastconfiguration-row">
                <Typography className="fastconfiguration-row-title">{optionclassification.title}:</Typography>
                <Typography className="fastconfiguration-row-select">{children}</Typography>
            </div>
        );
    }
}

FastConfigurationRow.defaultProps = {
    optionclassification: {},
};

FastConfigurationRow.propTypes = {
    optionclassification: PropTypes.object,
    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
};

export default FastConfigurationRow;
