/// <reference types="react" />
import { DesiredOutcome, PickWithOptional } from '@parlor/common';
type IDesiredOutcome = PickWithOptional<DesiredOutcome, 'id' | 'name' | 'description' | 'status' | 'icon' | 'markStalledAfterDays' | 'startDate' | 'targetTime'>;
export type DesiredOutcomeItemProps<T extends IDesiredOutcome = IDesiredOutcome> = {
    achievementCount?: number;
    completedAchievementCount?: number;
    completedTaskCount?: number;
    desiredOutcome: T;
    notificationCount?: number;
    onClick?(desiredOutcome: T): void;
    onSeeMoreClick?(desiredOutcome: T): void;
    onSeeProgressClick?(desiredOutcome: T): void;
    taskCount?: number;
    variant?: 'embed' | 'list-view';
};
declare function DesiredOutcomeItemInner<T extends IDesiredOutcome = IDesiredOutcome>({ desiredOutcome, notificationCount, taskCount, completedTaskCount, achievementCount, completedAchievementCount, onSeeMoreClick: _onSeeMoreClick, onSeeProgressClick: _onSeeProgressClick, onClick, variant, }: DesiredOutcomeItemProps<T>): JSX.Element;
export declare const DesiredOutcomeItem: typeof DesiredOutcomeItemInner;
export {};
