wix-style-react
Version:
wix-style-react
129 lines (125 loc) • 3.24 kB
JavaScript
import React from 'react';
import { Container, Row, Col } from 'wix-style-react/Grid';
import Card from 'wix-style-react/Card';
import FormField from 'wix-style-react/FormField';
import Input from 'wix-style-react/Input';
export default (function () {
return React.createElement(
'div',
{ style: { background: '#F0F4F7', padding: 30 } },
React.createElement(
Container,
null,
React.createElement(
Row,
{ stretchViewsVertically: true },
React.createElement(
Col,
{ span: 8 },
React.createElement(
Card,
{ stretchVertically: true },
React.createElement(Card.Header, {
withoutDivider: true,
subtitle: 'subtitle',
title: 'Header without Divider'
}),
React.createElement(
Card.Content,
null,
React.createElement(
Row,
null,
React.createElement(
Col,
{ span: 4 },
field()
),
React.createElement(
Col,
{ span: 4 },
field()
),
React.createElement(
Col,
{ span: 4 },
field()
)
),
React.createElement(
Row,
null,
React.createElement(
Col,
{ span: 6 },
field()
)
),
React.createElement(
Row,
null,
React.createElement(
Col,
{ span: 6 },
field()
),
React.createElement(
Col,
{ span: 6 },
field()
)
)
)
)
),
React.createElement(
Col,
{ span: 4 },
React.createElement(
Card,
{ stretchVertically: true },
React.createElement(Card.Header, { title: 'Side Card' }),
React.createElement(
Card.Content,
null,
React.createElement(
Row,
null,
React.createElement(
Col,
null,
field()
)
),
React.createElement(
Row,
null,
React.createElement(
Col,
null,
field()
)
),
React.createElement(
Row,
null,
React.createElement(
Col,
null,
field()
)
)
)
)
)
)
)
);
});
function field() {
return React.createElement(
FormField,
{ label: 'Text Field' },
React.createElement(Input, { placeholder: 'You can type here' })
);
}