import styled from 'styled-components' ; export const Container = styled . div `
  min-height: calc(
    100vh - ${ ( props ) => parseFloat ( props . theme . eui . euiHeaderHeightCompensation ) * 2 }px
  );
  background: ${ ( props ) => props . theme . eui . euiColorEmptyShade };
  display: flex;
  flex-direction: column;
` ; export const Wrapper = styled . div `
  display: flex;
  flex-direction: column;
  flex: 1;
` ; export const Nav = styled . nav `
  background: ${ ( props ) => props . theme . eui . euiColorEmptyShade };
  border-bottom: ${ ( props ) => props . theme . eui . euiBorderThin };
  padding: ${ ( props ) => `${ props . theme . eui . euiSize } ${ props . theme . eui . euiSizeL } ${ props . theme . eui . euiSize } ${ props . theme . eui . euiSizeL }` };
  .euiTabs {
    padding-left: 3px;
    margin-left: -3px;
  }
` ;