Transport Badge Demo HK

1import { TransportBadge } from "@/registry/8starlabs-ui/blocks/transport-badge";
2 
3export default function TransportBadgeDemoHK() {
4  return (
5    <div className="flex flex-col gap-4">
6      <div className="flex items-center gap-2">
7        <TransportBadge
8          system="HK"
9          stationCode={["TW", "TM"]}
10          stationName="Mei Foo"
11        />
12        <TransportBadge
13          system="HK"
14          stationCode="AE"
15          stationName="Airport"
16          showStationName
17        />
18      </div>
19      <div className="flex items-center gap-2">
20        <TransportBadge system="HK" stationCode={["KT", "TM"]} />
21        <TransportBadge system="HK" stationCode="AE" size="lg" />
22      </div>
23    </div>
24  );
25}