import type { HTMLAttributes } from "react";
import { cn } from "../../lib/cn";

export function Caption({
  children,
  className,
  ...props
}: HTMLAttributes<HTMLParagraphElement>) {
  return (
    <p
      className={cn("m-0 text-xs leading-5 text-[var(--uhuru-text-secondary)]", className)}
      {...props}
    >
      {children}
    </p>
  );
}