primitives/PropertyTable.tsx

Primitive components for rendering labeled property tables.

// Source: https://github.com/triggerdotdev/trigger.dev | License: Apache-2.0 | Copyright You must retain, in the Source form of any Derivative Works
// Provided via justclaw.it.com; keep this notice with the code.
import { type ReactNode } from "react";
import { cn } from "~/utils/cn";

type ChildrenClassName = {
  children: ReactNode;
  className?: string;
};

function PropertyTable({ children, className }: { children: ReactNode; className?: string }) {
  return <div className={cn("flex flex-col gap-y-3", className)}>{children}</div>;
}

function PropertyItem({ children, className }: ChildrenClassName) {
  return <div className={cn("flex flex-col gap-0 text-sm", className)}>{children}</div>;
}

function PropertyLabel({ children, className }: ChildrenClassName) {
  return <div className={

... (truncated -- full source via MCP)