import * as React from "react";
import { Card } from "@/components/ui/card";
export type ActivityFeedItem = {
    id: string;
    title: React.ReactNode;
    description?: React.ReactNode;
    time?: React.ReactNode;
    icon?: React.ReactNode;
    tone?: "default" | "success" | "warning" | "danger" | "info" | "muted";
    actions?: React.ReactNode;
    meta?: React.ReactNode;
    badge?: React.ReactNode;
    unread?: boolean;
    hidden?: boolean;
    interactive?: boolean;
    href?: string;
    target?: React.ComponentProps<"a">["target"];
    rel?: React.ComponentProps<"a">["rel"];
    onSelect?: () => void;
    className?: string;
};
export type ActivityFeedProps = React.ComponentProps<typeof Card> & {
    title?: React.ReactNode;
    description?: React.ReactNode;
    actions?: React.ReactNode;
    items: ActivityFeedItem[];
    empty?: React.ReactNode;
    compact?: boolean;
    density?: "comfortable" | "compact";
    showConnector?: boolean;
    connectorClassName?: string;
    contentClassName?: string;
    itemClassName?: string;
};
declare function ActivityFeed({ className, title, description, actions, items, empty, compact, density, showConnector, connectorClassName, contentClassName, itemClassName, ...props }: ActivityFeedProps): React.JSX.Element;
export { ActivityFeed };