SchemaGraphLegend.tsx35 lines · main

1	import { DiamondIcon, Fingerprint, Hash, Key } from 'lucide-react'
2
3	export const SchemaGraphLegend = () => {
4	return (
5	<div className="absolute bottom-0 left-0 border-t flex justify-center px-1 py-2 shadow-md bg-surface-100 w-full z-10">
6	<ul className="flex flex-wrap items-center justify-center gap-4">
7	<li className="flex items-center text-xs font-mono gap-1">
8	<Key size={15} strokeWidth={1.5} className="shrink-0 text-light" />
9	Primary key
10	</li>
11	<li className="flex items-center text-xs font-mono gap-1">
12	<Hash size={15} strokeWidth={1.5} className="shrink-0 text-light" />
13	Identity
14	</li>
15	<li className="flex items-center text-xs font-mono gap-1">
16	<Fingerprint size={15} strokeWidth={1.5} className="shrink-0 text-light" />
17	Unique
18	</li>
19	<li className="flex items-center text-xs font-mono gap-1">
20	<DiamondIcon size={15} strokeWidth={1.5} className="shrink-0 text-light" />
21	Nullable
22	</li>
23	<li className="flex items-center text-xs font-mono gap-1">
24	<DiamondIcon
25	size={15}
26	strokeWidth={1.5}
27	fill="currentColor"
28	className="shrink-0 text-light"
29	/>
30	Non-Nullable
31	</li>
32	</ul>
33	</div>
34	)
35	}