<commit_before>import React from 'react'
import PropTypes from 'prop-types'
import classNames from 'classnames'
import { css } from '@datapunt/asc-core'
import { Header as HeaderComponent, styles, breakpoint, ascDefaultTheme } from '@datapunt/asc-ui'
import HeaderSearchContainer from '../../../header/containers/header-search/HeaderSearchContainer'
import { useAppReducer } from '../../utils/useAppReducer'
import HeaderMenuContainer from './HeaderMenuContainer'

import EmbedHeader from './EmbedHeader'
import PrintHeader from './PrintHeader'

const style = homePage => css`
  ${styles.HeaderWrapperStyle} {
    ${homePage &&
      css`
        @media screen and ${breakpoint('min-width', 'laptopM')({
            theme: ascDefaultTheme,
          })} {
          /* The "tall" header has a position relative on the homepage only, while the smaller header has a fixed position */
          position: relative;
        }
      `}
  }
  ${styles.HeaderNavigationStyle} {
    @media screen and ${breakpoint('min-width', 'tabletM')({
        theme: ascDefaultTheme,
      })} {
      justify-content: space-between;
    }<commit_msg>Also delete the margins when the header is positioned relative<commit_after>import React from 'react'
import PropTypes from 'prop-types'
import classNames from 'classnames'
import { css } from '@datapunt/asc-core'
import { Header as HeaderComponent, styles, breakpoint, ascDefaultTheme } from '@datapunt/asc-ui'
import HeaderSearchContainer from '../../../header/containers/header-search/HeaderSearchContainer'
import { useAppReducer } from '../../utils/useAppReducer'
import HeaderMenuContainer from './HeaderMenuContainer'

import EmbedHeader from './EmbedHeader'
import PrintHeader from './PrintHeader'

const style = homePage => css`
  ${styles.HeaderWrapperStyle} {
    ${homePage &&
      css`
        @media screen and ${breakpoint('min-width', 'laptopM')({
            theme: ascDefaultTheme,
          })} {
          /* The "tall" header has a position relative on the homepage only, while the smaller header has a fixed position */
          position: relative;
          margin: 0;
        }
      `}
  }
  ${styles.HeaderNavigationStyle} {
    @media screen and ${breakpoint('min-width', 'tabletM')({
        theme: ascDefaultTheme,
      })} {
      justify-content: space-between;
    }
{'fraction_non_alphanumeric': 0.120926243567753, 'fraction_numerical': 0.0004288164665523156, 'mean_word_length': 3.3203703703703704, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2998960', 'n_tokens_mistral': 639, 'n_tokens_neox': 632, 'n_words': 191}