31 lines
547 B
JavaScript
31 lines
547 B
JavaScript
import { Box } from 'client/UIKit/grid';
|
|
import mq from 'client/UIKit/mq';
|
|
import React from 'react';
|
|
import styled from 'styled-components';
|
|
|
|
const LOGO_NAME = 'logo-100.png';
|
|
|
|
const LogoWrapper = styled(Box)`
|
|
margin: 0 5px 0 0;
|
|
`;
|
|
|
|
const Image = styled.img`
|
|
height: 30px;
|
|
${mq.tablet`
|
|
height: 35px;
|
|
`}
|
|
${mq.desktop`
|
|
height: 40px;
|
|
`}
|
|
`;
|
|
|
|
const Logo = () => {
|
|
return (
|
|
<LogoWrapper margin="0 4px 0 0">
|
|
<Image alt="logo" src={process.env.PUBLIC_URL + LOGO_NAME} />
|
|
</LogoWrapper>
|
|
);
|
|
};
|
|
|
|
export default Logo;
|