import { cx } from "@karma/cva";
import * as React from "react";

export type TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;
const TableCaption = React.forwardRef<
  HTMLTableCaptionElement,
  TableCaptionProps
>(({ className, ...props }, ref) => (
  <caption
    ref={ref}
    className={cx("text-muted-foreground mt-4 text-sm", className)}
    {...props}
  />
));
TableCaption.displayName = "TableCaption";

export { TableCaption };