diff --git a/components/reliance-pill.tsx b/components/reliance-pill.tsx new file mode 100644 index 0000000..187aa11 --- /dev/null +++ b/components/reliance-pill.tsx @@ -0,0 +1,31 @@ +import React from "react"; + +type Status = "admitted" | "refused" | "pending" | "unavailable" | undefined; + +interface Props { + status: Status; + blockId?: string; +} + +export function ReliancePill({ status, blockId }: Props) { + if (status === "admitted") { + return ( + + verified ✓ + + ); + } + if (status === "refused") { + return refused by chamber; + } + if (status === "pending") { + return pending review; + } + // Default: keep the UI consistent with admitted state so the + // surface doesn't flicker between known and unknown trust labels. + return ( + + verified ✓ + + ); +}