25 lines
545 B
JavaScript
25 lines
545 B
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
|
|
const NUM_COLUMNS = 12;
|
|
|
|
const propTypes = {
|
|
controls: PropTypes.arrayOf(PropTypes.object).isRequired,
|
|
};
|
|
|
|
function ControlSetRow(props) {
|
|
const colSize = NUM_COLUMNS / props.controls.length;
|
|
return (
|
|
<div className="row space-1">
|
|
{props.controls.map((control, i) => (
|
|
<div className={`col-lg-${colSize} col-xs-12`} key={i} >
|
|
{control}
|
|
</div>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
ControlSetRow.propTypes = propTypes;
|
|
export default ControlSetRow;
|