Footer

<script lang="ts">
	import Footer from '@tcpsystems/ui/foundation/Footer';
</script>

<Footer groups={[
	{ title: 'Platform', links: [
		{ label: 'Studio', href: 'https://studio.tcp.systems' },
		{ label: 'Console', href: 'https://console.tcp.systems' }
	] },
	{ title: 'Resources', links: [
		{ label: 'Documentation', href: 'https://docs.tcp.systems' },
		{ label: 'Service status', href: 'https://status.tcp.systems' }
	] }
]} />

<script lang="ts">
	import Footer from '@tcpsystems/ui/foundation/Footer';
	import Cluster from '@tcpsystems/ui/foundation/Cluster';
</script>

<Footer groups={[{ title: 'Support', links: [
	{ label: 'Documentation', href: 'https://docs.tcp.systems' },
	{ label: 'Service status', href: 'https://status.tcp.systems' }
]}]}>
	{#snippet end()}
		<Cluster justify="between">
			<small>© {new Date().getFullYear()} tcpsystems</small>
			<a href="https://console.tcp.systems">Manage your services</a>
		</Cluster>
	{/snippet}
</Footer>

<script lang="ts">
	import Footer from '@tcpsystems/ui/foundation/Footer';
</script>

<Footer>
	{#snippet end()}
		<small>© {new Date().getFullYear()} tcpsystems · Owner-operated infrastructure</small>
	{/snippet}
</Footer>