17 lines
480 B
JavaScript
17 lines
480 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
|