import React from 'react';
import PropTypes from 'prop-types';
import Spacer from '../Core/Layout/Spacer/index';
import Title from '../Core/Typography/Title/index';
import Paragraph from '../Core/Typography/Paragraph/index';

export default function TopNav({ title, description }) {
  return (
    <Spacer large>
      <Title level={'h2'}>{title}</Title>
      <Paragraph>{description}</Paragraph>
    </Spacer>
  );
}

TopNav.propTypes = {
  title: PropTypes.string,
  description: PropTypes.string
};