import React from 'react';

export default ({ style, ...props }) => (
  <svg
    width="47"
    style={{
      borderRight: '1px solid #494949',
      borderLeft: '1px solid #494949',
      position: 'absolute',
      zIndex: 0,
      top: 0,
      ...style
    }}
    {...props}
    height="100vh"
    viewBox="0 0 47 798"
    xmlns="http://www.w3.org/2000/svg"
    xmlnsXlink="http://www.w3.org/1999/xlink"
  >
    <g id="Canvas" transform="translate(-5394 312)">
      <g id="Gutter1">
        <mask id="mask0_alpha">
          <use
            xlinkHref="#path0_fill"
            transform="translate(5394 -312)"
            fill="#C4C4C4"
            id="Rectangle 2"
          />
        </mask>
        <g id="Group 6" mask="url(#mask0_alpha)">
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2378.321 -6643.134)"
            fill="#494949"
            id="Line 6"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2363.836 -6649.134)"
            fill="#494949"
            id="Line 6.30"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2349.35 -6655.134)"
            fill="#494949"
            id="Line 6.31"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2392.806 -6637.134)"
            fill="#494949"
            id="Line 6.1"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2407.292 -6631.134)"
            fill="#494949"
            id="Line 6.2"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2421.777 -6625.134)"
            fill="#494949"
            id="Line 6.3"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2436.262 -6619.134)"
            fill="#494949"
            id="Line 6.4"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2450.747 -6613.134)"
            fill="#494949"
            id="Line 6.5"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2465.233 -6607.134)"
            fill="#494949"
            id="Line 6.6"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2479.718 -6601.134)"
            fill="#494949"
            id="Line 6.7"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2494.203 -6595.134)"
            fill="#494949"
            id="Line 6.8"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2508.688 -6589.134)"
            fill="#494949"
            id="Line 6.9"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2523.174 -6583.134)"
            fill="#494949"
            id="Line 6.10"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2537.66 -6577.134)"
            fill="#494949"
            id="Line 6.11"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2552.144 -6571.134)"
            fill="#494949"
            id="Line 6.12"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2566.63 -6565.134)"
            fill="#494949"
            id="Line 6.13"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2581.115 -6559.134)"
            fill="#494949"
            id="Line 6.14"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2595.6 -6553.134)"
            fill="#494949"
            id="Line 6.15"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2610.085 -6547.134)"
            fill="#494949"
            id="Line 6.16"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2624.57 -6541.134)"
            fill="#494949"
            id="Line 6.17"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2639.056 -6535.134)"
            fill="#494949"
            id="Line 6.18"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2653.541 -6529.134)"
            fill="#494949"
            id="Line 6.19"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2668.027 -6523.134)"
            fill="#494949"
            id="Line 6.20"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2682.512 -6517.134)"
            fill="#494949"
            id="Line 6.21"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2696.997 -6511.134)"
            fill="#494949"
            id="Line 6.22"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2711.482 -6505.134)"
            fill="#494949"
            id="Line 6.23"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2725.968 -6499.134)"
            fill="#494949"
            id="Line 6.24"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2740.453 -6493.134)"
            fill="#494949"
            id="Line 6.25"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2754.938 -6487.134)"
            fill="#494949"
            id="Line 6.26"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2769.424 -6481.134)"
            fill="#494949"
            id="Line 6.27"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2783.909 -6475.134)"
            fill="#494949"
            id="Line 6.28"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2798.394 -6469.134)"
            fill="#494949"
            id="Line 6.29"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2812.88 -6463.134)"
            fill="#494949"
            id="Line 6.32"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2827.365 -6457.134)"
            fill="#494949"
            id="Line 6.33"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2841.85 -6451.134)"
            fill="#494949"
            id="Line 6.34"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2856.335 -6445.134)"
            fill="#494949"
            id="Line 6.35"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2870.82 -6439.134)"
            fill="#494949"
            id="Line 6.36"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2334.865 -6661.134)"
            fill="#494949"
            id="Line 6.32"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2928.762 -6415.134)"
            fill="#494949"
            id="Line 6"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2914.276 -6421.134)"
            fill="#494949"
            id="Line 6.30"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2899.791 -6427.134)"
            fill="#494949"
            id="Line 6.31"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2943.247 -6409.134)"
            fill="#494949"
            id="Line 6.1"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2957.732 -6403.134)"
            fill="#494949"
            id="Line 6.2"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2972.217 -6397.134)"
            fill="#494949"
            id="Line 6.3"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2986.703 -6391.134)"
            fill="#494949"
            id="Line 6.4"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3001.188 -6385.134)"
            fill="#494949"
            id="Line 6.5"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3015.673 -6379.134)"
            fill="#494949"
            id="Line 6.6"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3030.159 -6373.134)"
            fill="#494949"
            id="Line 6.7"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3044.644 -6367.134)"
            fill="#494949"
            id="Line 6.8"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3059.13 -6361.134)"
            fill="#494949"
            id="Line 6.9"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3073.614 -6355.134)"
            fill="#494949"
            id="Line 6.10"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3088.1 -6349.134)"
            fill="#494949"
            id="Line 6.11"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3102.585 -6343.134)"
            fill="#494949"
            id="Line 6.12"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3117.07 -6337.134)"
            fill="#494949"
            id="Line 6.13"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3131.556 -6331.134)"
            fill="#494949"
            id="Line 6.14"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3146.04 -6325.134)"
            fill="#494949"
            id="Line 6.15"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3160.526 -6319.134)"
            fill="#494949"
            id="Line 6.16"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3175.011 -6313.134)"
            fill="#494949"
            id="Line 6.17"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3189.497 -6307.134)"
            fill="#494949"
            id="Line 6.18"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3203.982 -6301.134)"
            fill="#494949"
            id="Line 6.19"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3218.467 -6295.134)"
            fill="#494949"
            id="Line 6.20"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3232.953 -6289.134)"
            fill="#494949"
            id="Line 6.21"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3247.438 -6283.134)"
            fill="#494949"
            id="Line 6.22"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3261.923 -6277.134)"
            fill="#494949"
            id="Line 6.23"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3276.408 -6271.134)"
            fill="#494949"
            id="Line 6.24"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3290.894 -6265.134)"
            fill="#494949"
            id="Line 6.25"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3305.379 -6259.134)"
            fill="#494949"
            id="Line 6.26"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3319.864 -6253.134)"
            fill="#494949"
            id="Line 6.27"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 3334.35 -6247.134)"
            fill="#494949"
            id="Line 6.28"
          />
          <use
            xlinkHref="#path1_stroke"
            transform="rotate(-45 2885.306 -6433.134)"
            fill="#494949"
            id="Line 6.32"
          />
        </g>
      </g>
    </g>
    <defs>
      <path id="path0_fill" d="M 0 0L 47 0L 47 798L 0 798L 0 0Z" />
      <path
        id="path1_stroke"
        d="M 0 -5.55112e-17L 67.8823 -5.55112e-17L 67.8823 -1L 0 -1L 0 -5.55112e-17Z"
      />
    </defs>
  </svg>
);