@rocketsofawesome/mirage/src/components/header/desktopHeader/desktopHeader.js

[Live Demo of the Pattern Library](https://rocketsofawesome.github.io/mirage/)

import PropTypes from 'prop-types'
import styled from 'styled-components'

const DesktopHeader = styled.header`
  background-color: ${props => props.theme.colors.white};
  min-height: 6rem;
  width: 100%;
  position: ${props => props.position};
  box-shadow: 0 2px 1px 0 rgba(0,0,0,.16);
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
`

DesktopHeader.propTypes = {
  position: PropTypes.string
}

DesktopHeader.defaultProps = {
  position: 'static'
}

/** @component */
export default DesktopHeader