/* @flow */ import * as React from 'react'; import colors from 'config/colors'; import styled from 'styled-components'; import { connect } from 'react-redux'; import { Route, withRouter } from 'react-router-dom'; import type { MapStateToProps } from 'react-redux'; import type { State } from 'flowtype'; import Header from 'components/Header'; import Footer from 'components/Footer'; import ModalContainer from 'components/modals'; import Notifications from 'components/Notification'; import Log from 'components/Log'; import LeftNavigation from './components/LeftNavigation/Container'; import TopNavigationAccount from './components/TopNavigationAccount'; import TopNavigationDeviceSettings from './components/TopNavigationDeviceSettings'; type WalletContainerProps = { // wallet: $ElementType, children?: React.Node } // type ContentProps = { // children?: React.Node // } const AppWrapper = styled.div` position: relative; min-height: 100vh; min-width: 720px; display: flex; flex-direction: column; background: ${colors.BACKGROUND}; &.resized { min-height: 680px; } `; const WalletWrapper = styled.div` width: 100%; max-width: 1170px; margin: 0 auto; flex: 1; background: ${colors.WHITE}; display: flex; flex-direction: row; border-radius: 4px 4px 0px 0px; overflow: hidden; margin-top: 32px; @media screen and (max-width: 1170px) { border-radius: 0px; margin-top: 0px; } `; const MainContent = styled.article` flex: 1; display: flex; flex-direction: column; `; const Navigation = styled.nav` height: 64px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06); display: flex; background: ${colors.WHITE}; position: relative; `; const Body = styled.div` display: flex; flex: 1; flex-direction: column; `; const Wallet = (props: WalletContainerProps) => (
{ props.children }