Dashboard components

import type { Address } from "@/registry/hextor/lib/store";
import { cn } from "@/registry/hextor/lib/utils";

/** Renders a shipping or billing `Address`, or a muted placeholder when absent. */
export function AddressCard({
  title,
  address,
  emptyLabel = "No address on file",
  className,
}: {
  title: string;
  address?: Address;
  emptyLabel?: string;
  className?: string;
}) {
  return (
    <div className={cn("space-y-1.5", className)}>
      <p className="text-xs font-medium text-muted-foreground">{title}</p>
      {address ? (
        <address className="text-sm leading-relaxed not-italic">
          <p>{address.name}</p>
          <p>{address.line1}</p>
          {address.line2 ? <p>{address.line2}</p> : null}
          <p>
            {address.city}
            {address.province ? `, ${address.province}` : ""} {address.postalCode}
          </p>
          <p>{address.country}</p>
          {address.phone ? <p className="text-muted-foreground">{address.phone}</p> : null}
        </address>
      ) : (
        <p className="text-sm text-muted-foreground">{emptyLabel}</p>
      )}
    </div>
  );
}