headplane/app/components/Footer.tsx
2025-01-06 08:19:40 +05:30

37 lines
903 B
TypeScript

import { cn } from '~/utils/cn';
import Link from '~/components/Link';
interface FooterProps {
url: string;
debug: boolean;
}
export default function Footer({ url, debug, integration }: FooterProps) {
return (
<footer
className={cn(
'fixed bottom-0 left-0 z-50 w-full h-14',
'bg-ui-100 dark:bg-ui-900 text-ui-500',
'flex flex-col justify-center gap-1',
'border-t border-ui-200 dark:border-ui-800',
)}
>
<p className="container text-xs">
Headplane is entirely free to use. If you find it useful, consider{' '}
<Link
to="https://github.com/sponsors/tale"
name="Aarnav's GitHub Sponsors"
>
donating
</Link>{' '}
to support development.{' '}
</p>
<p className="container text-xs opacity-75">
Version: {__VERSION__}
{' | '}
Connecting to <strong>{url}</strong> {debug && '(Debug mode enabled)'}
</p>
</footer>
);
}