wix-style-react
Version:
wix-style-react
83 lines (81 loc) • 1.67 kB
JavaScript
import React from 'react';
import { Container, Row, Col } from 'wix-style-react/Grid';
export default (function () {
return React.createElement(
'div',
{ style: { background: '#F0F4F7' } },
React.createElement(
Container,
null,
React.createElement(
Row,
null,
React.createElement(
Col,
null,
text('<Col/>')
)
),
React.createElement(
Row,
null,
React.createElement(
Col,
{ span: 6 },
text('<Col span={6}/>')
),
React.createElement(
Col,
{ span: 6 },
text('<Col span={6}/>')
)
),
React.createElement(
Row,
null,
React.createElement(
Col,
{ span: 8 },
text('<Col span={8}/>')
),
React.createElement(
Col,
{ span: 4 },
text('<Col span={4}/>')
)
),
React.createElement(
Row,
null,
React.createElement(
Col,
{ span: 6 },
text('<Col span={6}/>')
),
React.createElement(
Col,
{ span: 3 },
text('<Col span={3}/>')
),
React.createElement(
Col,
{ span: 3 },
text('<Col span={3}/>')
)
)
)
);
});
function text(children) {
return React.createElement('div', {
style: {
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
background: 'rgba(0,0,0,.1)',
width: '100%',
height: '50px'
},
children: children
});
}