{"name":"luggage-tag","title":"Luggage Tag","type":"registry:ui","files":[{"path":"src/components/ui/luggage-tag.tsx","type":"registry:ui","target":"@ui/luggage-tag.tsx","content":"import * as React from \"react\";\nimport { cn } from \"./lib/utils\";\n\nexport interface LuggageTagProps extends React.HTMLAttributes<HTMLDivElement> {\n  tagNumber: string;\n  passengerName: string;\n  destination: string;\n  flight?: string;\n  weight?: string;\n  className?: string;\n}\n\nexport function LuggageTag({\n  tagNumber = \"BB-920-142\",\n  passengerName = \"ADA BULL\",\n  destination = \"IST\",\n  flight = \"BB-402\",\n  weight = \"23 KG\",\n  className,\n  ...props\n}: LuggageTagProps) {\n  return (\n    <div\n      className={cn(\n        \"relative flex flex-col rounded-lg border-2 border-foreground bg-card p-5 shadow-md select-none max-w-xs\",\n        className\n      )}\n      {...props}\n    >\n      {/* Top loop handle visual */}\n      <div className=\"flex items-center justify-between border-b-2 border-dashed border-border pb-3\">\n        <div className=\"flex items-center gap-2\">\n          <div className=\"size-3 rounded-full border-2 border-foreground bg-background\" />\n          <span className=\"font-mono text-[10px] uppercase tracking-[0.2em] text-muted-foreground\">\n            BAGGAGE CLAIM\n          </span>\n        </div>\n        <span className=\"font-mono text-xs font-bold text-accent\">{flight}</span>\n      </div>\n\n      {/* Main Destination Code */}\n      <div className=\"my-4 text-center\">\n        <span className=\"font-mono text-5xl font-black tracking-tight text-foreground\">\n          {destination}\n        </span>\n        <span className=\"block mt-1 font-mono text-xs text-muted-foreground uppercase tracking-widest\">\n          FINAL DESTINATION\n        </span>\n      </div>\n\n      {/* Passenger and Weight Information */}\n      <div className=\"grid grid-cols-2 gap-2 border-t-2 border-dashed border-border py-3 text-center\">\n        <div>\n          <span className=\"block font-mono text-[9px] uppercase tracking-wider text-muted-foreground\">\n            PASSENGER\n          </span>\n          <span className=\"font-mono text-xs font-bold text-foreground truncate block\">\n            {passengerName}\n          </span>\n        </div>\n        <div>\n          <span className=\"block font-mono text-[9px] uppercase tracking-wider text-muted-foreground\">\n            WEIGHT\n          </span>\n          <span className=\"font-mono text-xs font-bold text-foreground\">{weight}</span>\n        </div>\n      </div>\n\n      {/* Bottom Serial Stamp */}\n      <div className=\"border-t border-border pt-3 text-center\">\n        <span className=\"font-mono text-xs tracking-[0.25em] font-semibold text-foreground\">\n          *{tagNumber}*\n        </span>\n      </div>\n    </div>\n  );\n}\n"}],"registryDependencies":["https://ui.bigbullapp.com/r/utils.json"]}