import React from 'react'; import classNames from 'classnames'; import { Link } from 'remix'; import { ArrowLeftIcon, ArrowRightIcon } from '@heroicons/react/outline'; import { FooterLinks, NavigationLink } from '~/utils'; const FooterLink = ({ title, url, group, right, }: NavigationLink & { right?: boolean }) => { return (
{right && ( )}
{group || ' '}
{title}
{!right && ( )}
); }; export const Footer = ({ links }: { links?: FooterLinks }) => { if (!links) return null; return (
{links.navigation?.prev && } {links.navigation?.next && }
); };