comicbox/components/Footer.tsx

import { LinkButton } from './Button';

export default function Footer() {
    return (
        <footer className='w-full h-12 bg-gray-900 p-4 gap-1 shadow'>
            <ul className='flex flex-row items-center dots-between'>
                <li>
                    Created by{' '}
                    <LinkButton href='https://ashhhleyyy.dev'>
                        Ashhhleyyy
                    </LinkButton>
                    .
                </li>

                <li>Comics are Copyright (c) their original authors</li>

                <li>
                    <LinkButton href='/about'>About</LinkButton>
                </li>
            </ul>
        </footer>
    );
}