import { GeneratedPropTypes } from '../types';
import { colors } from '../theme/colors';
import { generateProps, mq } from 'styled-gen';
import React from 'react';
import styled, { css } from 'styled-components';

const LogoWrapper = styled.div`
    height: 2rem;
    color: ${colors.p500};

    svg {
        height: 100%;
        width: auto;
        fill: currentColor;
    }

    ${mq.tabletLandscape(css`
        height: 2.5rem;
    `)}

    ${generateProps}
`;

const SvgLogoWrapper = styled.svg``;

export const Logo = (props: GeneratedPropTypes) => {
    return (
        <LogoWrapper {...props}>
            <SvgLogoWrapper viewBox="0 0 1346 435">
                <g fill="#2362FB" stroke="none" transform="translate(0,435) scale(0.1,-0.1)">
                    <path
                        d="M4978 4272 c-31 -4 -60 -11 -65 -15 -14 -15 -10 -304 5 -319 20 -20
        339 -18 352 2 15 24 13 305 -2 318 -16 13 -215 22 -290 14z"
                    />
                    <path
                        d="M12799 3858 c-100 -128 -204 -261 -232 -296 -39 -50 -48 -68 -43 -87
        6 -24 10 -25 86 -25 l80 0 0 -327 c0 -355 7 -418 53 -510 30 -59 93 -118 154
        -145 103 -45 279 -60 423 -34 l65 11 2 75 c2 41 -3 100 -10 130 -12 52 -14 55
        -42 53 -193 -13 -233 -1 -275 82 -25 50 -25 53 -28 357 l-4 307 154 3 153 3 7
        55 c4 30 5 88 2 127 l-6 72 -152 3 -151 3 -3 188 -2 187 -25 0 c-20 0 -58 -43
        -206 -232z"
                    />
                    <path
                        d="M1041 3845 c-87 -19 -171 -61 -266 -132 -410 -307 -689 -797 -755
        -1323 -15 -125 -12 -386 6 -509 44 -299 146 -566 313 -817 509 -767 1495
        -1073 2355 -733 631 250 1090 814 1211 1489 25 142 31 435 11 587 -69 522
        -345 999 -759 1312 -163 123 -331 164 -511 126 -187 -40 -386 -193 -386 -296
        0 -77 41 -119 116 -119 30 0 46 11 110 71 87 82 159 119 248 126 141 12 247
        -42 427 -214 267 -257 431 -551 511 -914 20 -92 22 -132 22 -344 0 -264 -10
        -337 -74 -537 -41 -127 -156 -353 -237 -468 -76 -106 -264 -301 -363 -376
        -702 -531 -1686 -455 -2296 178 -319 331 -485 737 -486 1193 -1 179 10 277 52
        441 77 308 238 583 471 809 198 192 264 229 409 230 83 0 102 -4 152 -27 80
        -37 152 -107 191 -187 29 -60 32 -74 32 -161 0 -88 -3 -101 -33 -163 -24 -49
        -49 -81 -95 -119 -182 -157 -266 -257 -332 -401 -118 -255 -120 -556 -6 -810
        202 -451 713 -679 1186 -530 155 49 278 124 396 242 125 126 205 267 257 454
        13 48 17 102 17 242 l-1 180 -38 113 c-55 161 -120 265 -244 391 -56 57 -105
        115 -108 128 -13 51 3 106 40 140 78 72 166 39 308 -116 306 -337 406 -810
        262 -1240 -261 -782 -1190 -1102 -1875 -646 -268 178 -459 455 -530 765 -30
        128 -36 341 -15 471 45 273 165 500 372 706 56 56 105 111 109 123 18 58 -26
        132 -86 144 -54 11 -106 -23 -220 -140 -203 -212 -329 -449 -391 -737 -29
        -137 -32 -427 -5 -560 107 -532 483 -965 981 -1132 148 -50 242 -66 416 -72
        183 -6 288 4 433 42 547 143 957 578 1078 1145 32 151 32 419 0 570 -65 305
        -193 542 -411 761 -151 152 -194 174 -335 174 -90 0 -106 -3 -159 -29 -76 -37
        -135 -96 -172 -172 -26 -53 -29 -69 -29 -154 0 -87 3 -101 34 -167 26 -56 45
        -81 90 -117 197 -158 304 -420 272 -666 -23 -181 -86 -306 -220 -440 -150
        -149 -282 -208 -491 -217 -132 -6 -234 13 -350 68 -194 91 -355 286 -406 494
        -24 95 -24 278 0 365 43 159 145 311 280 415 250 194 323 495 186 773 -119
        241 -401 375 -669 317z"
                    />
                    <path
                        d="M6382 3722 c-73 -26 -145 -78 -189 -135 l-37 -49 -16 81 c-9 45 -22
        87 -28 93 -14 14 -234 18 -264 6 -17 -7 -18 -47 -18 -646 l0 -639 61 -7 c78
        -8 169 -8 237 0 l52 7 0 372 c0 207 4 396 10 425 22 118 77 182 171 202 73 15
        125 4 165 -36 55 -55 57 -72 61 -537 l4 -426 52 -7 c67 -8 182 -8 240 0 l45 6
        4 397 c5 437 8 461 69 534 45 54 82 71 164 71 84 1 123 -21 151 -86 17 -39 19
        -79 22 -479 l3 -436 61 -7 c77 -8 168 -8 236 1 l53 6 -3 491 c-3 469 -5 494
        -25 553 -41 124 -104 195 -207 237 -42 16 -73 20 -176 21 -116 0 -129 -2 -183
        -27 -61 -29 -170 -129 -182 -167 -9 -31 -20 -26 -40 18 -24 55 -90 115 -160
        147 -51 24 -76 28 -170 31 -88 3 -120 0 -163 -15z"
                    />
                    <path
                        d="M8727 3716 c-81 -29 -125 -61 -175 -126 -20 -27 -39 -49 -42 -49 -3
        -1 -11 28 -18 63 -21 114 -20 113 -106 121 -42 4 -105 4 -141 0 l-65 -7 2
        -936 3 -937 70 -7 c39 -4 116 -5 173 -1 l102 5 0 287 0 286 136 -3 c167 -4
        254 12 374 71 154 75 263 213 311 394 30 111 30 344 0 456 -43 161 -131 291
        -238 350 -114 61 -267 74 -386 33z m151 -302 c76 -45 115 -127 127 -271 13
        -146 -22 -291 -89 -370 -15 -18 -52 -44 -83 -59 -46 -23 -69 -28 -142 -28 -47
        -1 -103 3 -124 7 l-38 8 3 277 c3 265 4 279 26 328 13 28 39 66 57 84 64 62
        178 73 263 24z"
                    />
                    <path
                        d="M10050 3724 c-41 -7 -104 -22 -140 -32 l-65 -19 3 -49 c3 -47 47
        -189 61 -198 4 -3 38 5 76 16 55 16 100 21 210 22 132 1 143 0 184 -24 62 -35
        84 -69 89 -137 l4 -58 -153 0 c-169 -1 -235 -13 -346 -64 -163 -77 -245 -235
        -216 -420 29 -187 140 -294 352 -336 68 -14 119 -16 270 -12 183 5 210 9 394
        58 l37 10 0 412 c0 444 -5 496 -54 602 -51 111 -152 187 -302 225 -93 24 -287
        26 -404 4z m413 -701 c4 -2 7 -78 7 -167 0 -188 11 -171 -115 -182 -103 -9
        -178 9 -228 55 -36 34 -41 44 -45 94 -6 72 1 99 39 141 30 35 91 61 159 69 38
        4 170 -3 183 -10z"
                    />
                    <path
                        d="M11678 3725 c-153 -39 -301 -154 -365 -285 -59 -120 -77 -208 -77
        -365 0 -154 15 -232 64 -340 51 -114 143 -211 253 -267 139 -70 432 -80 626
        -20 l53 16 -6 63 c-6 61 -52 203 -65 203 -3 0 -33 -9 -66 -19 -231 -72 -430
        -2 -483 171 -57 185 -26 403 70 499 56 56 100 72 208 77 85 3 197 -11 251 -32
        23 -10 62 110 63 193 l1 65 -75 24 c-64 21 -98 25 -235 28 -116 3 -176 -1
        -217 -11z"
                    />
                    <path
                        d="M4796 3694 c-3 -9 -6 -60 -6 -114 0 -54 3 -105 6 -114 5 -13 23 -16
        90 -16 l84 0 0 -509 0 -509 77 -7 c77 -8 235 -1 253 10 6 4 10 237 10 641 l0
        634 -254 0 c-222 0 -255 -2 -260 -16z"
                    />
                    <path
                        d="M9763 2033 l-33 -4 0 -909 0 -908 85 -7 c47 -4 123 -4 170 0 l85 7 0
        908 0 907 -46 7 c-49 6 -205 6 -261 -1z"
                    />
                    <path
                        d="M12770 1580 c-169 -218 -225 -296 -225 -317 l0 -28 82 -3 82 -3 3
        -362 c4 -351 5 -364 28 -427 31 -86 110 -167 192 -198 108 -40 248 -52 378
        -32 111 18 103 9 97 114 -3 50 -10 107 -16 127 l-11 35 -107 -3 c-130 -5 -161
        9 -196 85 -21 45 -22 63 -25 355 l-3 307 150 0 c177 0 163 -13 159 150 l-3
        105 -150 5 -150 5 -3 188 -2 187 -28 -1 c-23 0 -57 -38 -252 -289z"
                    />
                    <path
                        d="M5442 1500 c-87 -31 -155 -84 -205 -159 l-16 -23 -6 38 c-4 22 -13
        62 -21 90 l-14 52 -70 7 c-38 4 -101 4 -140 0 l-70 -7 0 -643 0 -643 85 -7
        c47 -4 123 -4 169 0 l84 7 4 396 c5 455 8 475 82 548 48 48 106 68 178 62 62
        -6 95 -30 121 -86 21 -45 22 -63 27 -482 l5 -435 86 -9 c47 -5 124 -5 172 -1
        l86 7 3 412 3 412 30 59 c20 39 45 69 73 89 37 26 51 30 116 30 61 1 80 -3
        103 -20 75 -56 83 -113 83 -595 l0 -386 61 -7 c78 -8 159 -8 227 0 l52 7 0
        476 c0 505 -2 530 -49 637 -29 66 -93 128 -164 159 -81 37 -241 47 -329 21
        -69 -20 -155 -83 -207 -153 l-39 -52 -33 57 c-66 110 -176 162 -343 162 -63
        -1 -107 -6 -144 -20z"
                    />
                    <path
                        d="M7465 1514 c-16 -3 -79 -17 -139 -31 l-108 -27 5 -60 c4 -54 33 -149
        55 -183 5 -9 25 -7 77 9 99 28 283 36 356 15 68 -20 114 -65 128 -127 19 -83
        30 -77 -151 -83 -106 -3 -184 -10 -223 -21 -145 -40 -256 -120 -305 -221 -23
        -45 -25 -62 -25 -175 0 -121 1 -128 33 -192 79 -160 237 -228 533 -228 174 0
        246 10 442 61 l38 10 -3 452 c-3 440 -4 454 -26 512 -50 134 -143 222 -281
        266 -54 18 -94 23 -221 25 -85 1 -168 0 -185 -2z m378 -711 c4 -2 7 -76 7
        -164 l0 -159 -27 -12 c-16 -6 -73 -11 -128 -12 -88 -1 -106 2 -149 24 -60 30
        -86 63 -93 118 -16 116 45 189 176 212 43 8 197 3 214 -7z"
                    />
                    <path
                        d="M11536 1504 c-155 -38 -293 -149 -364 -294 -64 -131 -77 -191 -77
        -365 0 -173 10 -224 67 -345 75 -156 216 -260 401 -295 91 -17 301 -20 397 -5
        108 18 221 51 228 68 8 23 -14 140 -39 200 -17 40 -26 51 -38 47 -51 -20 -189
        -46 -271 -51 -233 -16 -376 71 -405 244 l-7 42 415 0 415 0 7 98 c7 102 -3
        200 -31 292 -53 180 -194 319 -369 365 -74 19 -248 19 -329 -1z m259 -263 c77
        -35 145 -142 145 -228 l0 -23 -256 0 c-238 0 -255 1 -250 18 2 9 8 33 11 52
        17 81 81 160 151 185 56 20 151 18 199 -4z"
                    />
                    <path
                        d="M8668 1503 l-38 -4 0 -643 0 -643 46 -7 c60 -8 188 -8 248 0 l46 7 0
        311 c0 348 9 455 45 526 54 106 114 140 261 148 l103 5 7 31 c10 43 10 254 0
        263 -4 5 -49 8 -99 8 -72 0 -102 -5 -137 -21 -54 -25 -127 -85 -168 -137 l-30
        -38 -6 28 c-3 15 -10 54 -16 85 -6 31 -17 61 -24 67 -15 12 -178 22 -238 14z"
                    />
                    <path
                        d="M10490 1501 l-45 -6 -65 -125 c-36 -69 -107 -206 -158 -305 l-93
        -180 186 -336 186 -337 91 -7 c85 -7 278 1 278 12 0 2 -84 156 -187 341 -102
        185 -186 342 -186 347 1 6 73 141 162 300 l161 290 -48 7 c-57 8 -220 7 -282
        -1z"
                    />
                </g>
            </SvgLogoWrapper>
        </LogoWrapper>
    );
};