2016-10-20 19:47:29 +03:00
|
|
|
const React = require('react');
|
2016-10-20 22:42:39 +03:00
|
|
|
const ReactIntl = require('react-intl');
|
2016-12-12 12:56:48 +02:00
|
|
|
const Styled = require('styled-components');
|
2016-10-20 19:47:29 +03:00
|
|
|
|
2016-10-20 22:42:39 +03:00
|
|
|
const {
|
|
|
|
FormattedMessage
|
|
|
|
} = ReactIntl;
|
2016-10-20 19:47:29 +03:00
|
|
|
|
2016-12-12 12:56:48 +02:00
|
|
|
const {
|
|
|
|
default: styled
|
|
|
|
} = Styled;
|
|
|
|
|
|
|
|
const StyledWrapper = styled.div`
|
|
|
|
background-color: red;
|
|
|
|
`;
|
|
|
|
|
2016-10-25 22:15:33 +03:00
|
|
|
const Home = () => {
|
2016-10-20 19:47:29 +03:00
|
|
|
return (
|
2016-12-12 12:56:48 +02:00
|
|
|
<StyledWrapper>
|
2016-10-20 22:42:39 +03:00
|
|
|
<h1>
|
|
|
|
<FormattedMessage id='greetings' />
|
|
|
|
</h1>
|
2016-12-12 12:56:48 +02:00
|
|
|
</StyledWrapper>
|
2016-10-20 19:47:29 +03:00
|
|
|
);
|
|
|
|
};
|
2016-10-25 22:15:33 +03:00
|
|
|
|
|
|
|
module.exports = Home;
|