import React from 'react';
import { Nav, Navbar } from '@orchard/frontend-react-components';
import SitemapItems from '../sitemap-items';
import type { Route } from 'src/utils/sitemap';

interface SubHeaderProps {
    items: Route[];
}

const SubHeader: React.FC<SubHeaderProps> = ({ items }) => (
    <Navbar className="SubHeader">
        <Nav>
            <SitemapItems className="SubHeader" items={items} />
        </Nav>
    </Navbar>
);

export default SubHeader;