NoDestinationsAvailable.tsx16 lines · main

1	import { DatabaseZap } from 'lucide-react'
2
3	export const NoDestinationsAvailable = () => {
4	return (
5	<div className="flex flex-col items-center justify-center h-full px-8 py-16 text-center">
6	<div className="flex items-center justify-center w-14 h-14 rounded-full bg-surface-300 mb-5">
7	<DatabaseZap size={26} className="text-foreground-light" strokeWidth={1.5} />
8	</div>
9	<h3 className="text-lg font-medium text-foreground mb-2">No destinations available</h3>
10	<p className="text-sm text-foreground-light max-w-lg">
11	Replication destinations are not currently enabled for this project. Contact support to
12	enable real-time replication to external platforms.
13	</p>
14	</div>
15	)
16	}