40 lines
855 B
JavaScript
40 lines
855 B
JavaScript
import Image from 'next/image';
|
|
import logo from 'public/assets/images/logo-long.png';
|
|
import styled from 'styled-components';
|
|
import { Flex } from 'UIKit/grid';
|
|
import { min } from 'UIKit/mq';
|
|
|
|
const ImageWrapper = styled.div`
|
|
width: 100px;
|
|
${min('laptop')} {
|
|
width: 135px;
|
|
}
|
|
`;
|
|
|
|
const LogoText = styled.h3`
|
|
margin: 0;
|
|
text-transform: uppercase;
|
|
color: #fff;
|
|
font-size: 0.95rem;
|
|
font-family: 'Montserrat', sans-serif;
|
|
font-weight: 500;
|
|
${min('laptop')} {
|
|
font-size: 1.2rem;
|
|
}
|
|
`;
|
|
|
|
const Logo = () => (
|
|
<Flex
|
|
flexDirection="column"
|
|
alignItems="flex-start"
|
|
justifyContent="space-between"
|
|
>
|
|
<ImageWrapper>
|
|
<Image alt="logo" src={logo} layout="responsive" objectFit="contain" />
|
|
</ImageWrapper>
|
|
<LogoText>Лизинговый Калькулятор</LogoText>
|
|
</Flex>
|
|
);
|
|
|
|
export default Logo;
|