Transport badge demo

1import { TransportBadge } from "@/registry/8starlabs-ui/blocks/transport-badge";
2 
3export default function TransportBadgeDemo() {
4  return (
5    <div className="flex flex-col gap-4">
6      <TransportBadge system="SG" stationCode="NS1" />
7      <TransportBadge system="SG" stationCode={["NS1", "DT24", "TE12"]} />
8      <TransportBadge system="SG" stationCode="CE12" />
9      <TransportBadge
10        system="SG"
11        stationCode="NE12"
12        stationName="Serangoon"
13        showStationName
14      />
15      <TransportBadge system="SG" stationCode="TE12" size="xs" />
16      <TransportBadge system="SG" stationCode="DT1" size="lg" />
17    </div>
18  );
19}