AuthenticatedLayout.js

import React from 'react';
import styled from 'styled-components';
import Header from './Header';

// STYLE-COMPONENTS
// ===================================
const AuthenticatedLayout = styled.div`
  min-height: 100vh;
  height: 100%;
  max-width: 100%;
  background-color: ${p => p.theme.colors.neutral10} !important;
`;

// EXPORT
// ===================================
export default ({ children }) => (
  <AuthenticatedLayout id="authenticated-layout">
    <div>
      <Header />
      <div style={{ height: '100%' }}>{children}</div>
    </div>
  </AuthenticatedLayout>
);