import React from 'react'
import { Grid, Col, Row } from '../index'
const styleRow = {
backgroundColor: 'rgba(0,160,233, .7)',
color: 'white'
}
const styleCol = {
width: '100%',
height: '50px',
backgroundColor: '#00a0e9',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
color: 'white'
}
const Distribution = () => (
<div>
<Row around='xs' style={styleRow}>
<Col xs={2}>
<div style={styleCol} />
</Col>
<Col xs={2}>
<div style={styleCol}>around</div>
</Col>
<Col xs={2}>
<div style={styleCol} />
</Col>
</Row>
<br />
<Row between='xs' style={styleRow}>
<Col xs={2}>
<div style={styleCol} />
</Col>
<Col xs={2}>
<div style={styleCol}>between</div>
</Col>
<Col xs={2}>
<div style={styleCol} />
</Col>
</Row>
</div>
)
export { Distribution }
|