import * as React from "react"; import { Card } from "@/components/ui/card"; export type StatusLegendTone = "default" | "success" | "warning" | "danger" | "info" | "muted"; export type StatusLegendOrientation = "vertical" | "horizontal" | "grid"; export type StatusLegendItem = { key: string; label: React.ReactNode; description?: React.ReactNode; count?: React.ReactNode; tone?: StatusLegendTone; icon?: React.ReactNode; hidden?: boolean; className?: string; }; export type StatusLegendProps = Omit, "orientation"> & { title?: React.ReactNode; description?: React.ReactNode; actions?: React.ReactNode; items: StatusLegendItem[]; orientation?: StatusLegendOrientation; compact?: boolean; showCounts?: boolean; contentClassName?: string; itemClassName?: string; }; declare function StatusLegend({ title, description, actions, items, orientation, compact, showCounts, contentClassName, itemClassName, className, ...props }: StatusLegendProps): React.JSX.Element; export { StatusLegend };