Transport badge demo sizes

1import { TransportBadge } from "@/registry/8starlabs-ui/blocks/transport-badge";
2 
3export default function TransportBadgeDemoSizes() {
4  return (
5    <div className="flex flex-col gap-4">
6      <div className="flex items-center gap-3">
7        <TransportBadge system="SG" stationCode="NS1" size="xs" />
8        <TransportBadge system="SG" stationCode={["NS1", "DT24"]} size="xs" />
9      </div>
10      <div className="flex items-center gap-3">
11        <TransportBadge system="SG" stationCode="EW12" size="sm" />
12        <TransportBadge system="SG" stationCode={["EW12", "DT14"]} size="sm" />
13      </div>
14      <div className="flex items-center gap-3">
15        <TransportBadge system="SG" stationCode="CE4" size="md" />
16        <TransportBadge system="SG" stationCode={["CE4", "NE6"]} size="md" />
17      </div>
18      <div className="flex items-center gap-3">
19        <TransportBadge system="SG" stationCode="DT15" size="lg" />
20        <TransportBadge system="SG" stationCode={["DT15", "TE17"]} size="lg" />
21      </div>
22    </div>
23  );
24}