content: import React from 'react';
  import PropTypes from 'prop-types';
  import styled from "styled-components"
  import colors from '../../utils/colors';
  
  const Header = styled.header`
      background: ${colors.dark};
      color: ${colors.light};
      padding: 1rem;
      box-shadow: inset 0 0 0 4px ${colors.dark}, inset 0 0 0 6px ${colors.light};
  `;
  
  const Name = styled.h1`
    margin:0;
    text-transform: uppercase;
    font-size: 24px;
  `;
  
  const Title = styled.h2`
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
  `;
  
  const CvHeader = ({name, title}) => (
          <Header>
              <Name>{name}</Name>
              <Title>{title}</Title>
          </Header>
      )
  ;
  
  CvHeader.propTypes = {
      name: PropTypes.string,
      title: PropTypes.string,
  };
  
  export default CvHeader;
  