/**
 * External dependencies.
 */
import { Cog6ToothIcon, ShieldCheckIcon } from "@heroicons/react/20/solid";

/**
 * Internal dependencies.
 */
import { Header, Footer, Content } from '../parts';

export default function Layout({ children }) {
    const navigation = [
        { name: 'Dashboard', href: '/dashboard', icon: ShieldCheckIcon },
        { name: 'Plugin Manager', href: '/plugin-manager' },
        { name: 'File Permissions', href: '/file-permissions' },
        { name: 'Malware Scanner', href: '/malware-scanner' },
        { name: 'Code Signer', href: '/code-signer' },
        { name: 'Two-Factor Auth', href: '/two-factor-auth' }



    ]

    const secondaryNav = [
        { name: 'Settings', href: '/settings', icon: Cog6ToothIcon }
    ]

    return (
        <div className="min-h-full bg-gray-50">
            <Header navigation={navigation} secondaryNav={secondaryNav} />
            <Content>{children}</Content>
            <Footer />
        </div>
    )
}