import React from 'react'
import { Grid, Col, Row } from '../index'
const styleColWeek = {
width: '100%',
backgroundColor: 'rgba(0,160,233, .7)',
height: '50px',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
color: 'white',
borderTop: '1px solid #1e5281'
}
const styleColStrong = {
width: '100%',
height: '50px',
backgroundColor: '#00a0e9',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
color: 'white',
borderTop: '1px solid #1e5281'
}
const BasicUsage = () => (
<div>
<Row>
<Col xs>
<div style={styleColWeek}>
Col
</div>
</Col>
<Col xs>
<div style={styleColStrong}>
Col
</div>
</Col>
</Row>
<Row>
<Col xs>
<div style={styleColWeek}>
Col
</div>
</Col>
<Col xs>
<div style={styleColStrong}>
Col
</div>
</Col>
<Col xs>
<div style={styleColWeek}>
Col
</div>
</Col>
</Row>
<Row>
<Col xs>
<div style={styleColWeek}>
Col
</div>
</Col>
<Col xs>
<div style={styleColStrong}>
Col
</div>
</Col>
<Col xs>
<div style={styleColWeek}>
Col
</div>
</Col>
<Col xs>
<div style={styleColStrong}>
Col
</div>
</Col>
</Row>
<Row>
<Col xs>
<div style={styleColWeek}>
Col
</div>
</Col>
<Col xs>
<div style={styleColStrong}>
Col
</div>
</Col>
<Col xs>
<div style={styleColWeek}>
Col
</div>
</Col>
<Col xs>
<div style={styleColStrong}>
Col
</div>
</Col>
<Col xs>
<div style={styleColWeek}>
Col
</div>
</Col>
</Row>
</div>
)
export { BasicUsage }
|