18 lines
496 B
JavaScript
18 lines
496 B
JavaScript
const PaddedRow = ({ children, amount, vCenter }) => {
|
|
amount = amount || 20;
|
|
const PadItem = () => (
|
|
<div className={'column column-' + amount + ' nomob'} />
|
|
);
|
|
let rowProps = {className: 'row'};
|
|
if(vCenter) rowProps = {className: 'row v-center'};
|
|
else rowProps = {...rowProps, style: {paddingTop: amount}};
|
|
|
|
return (
|
|
<div {...rowProps}>
|
|
<PadItem />
|
|
<div className='column'>{ children }</div>
|
|
<PadItem />
|
|
</div>
|
|
);
|
|
};
|
|
export default PaddedRow;
|