import { CodeIcon } from "@heroicons/react/outline" import { DatabaseIcon, DocumentTextIcon, ExternalLinkIcon, } from "@heroicons/react/solid" import type { LinksFunction, MetaFunction } from "remix" import { Link, Links, LiveReload, Meta, Outlet, Scripts, ScrollRestoration, } from "remix" import { ExternalLink } from "~/components/external-link" import { HeaderLayout } from "~/components/header-layout" import { linkClass } from "~/styles" import prismThemeCss from "./prism-theme.css" export const meta: MetaFunction = () => { return { title: "New Remix App" } } export const links: LinksFunction = () => [ { rel: "stylesheet", href: prismThemeCss }, { rel: "stylesheet", href: "/tailwind.css" }, ] export default function App() { return (