import type { ResourceTemplate } from "./templates/types";
/** Props for {@link TemplateCard}. */
export interface TemplateCardProps<TData> {
    /** The template to display. */
    readonly template: ResourceTemplate<TData>;
    /** Called when the card is selected (click or Enter). */
    readonly onSelect: (template: ResourceTemplate<TData>) => void;
    /** Additional CSS classes for the card container. */
    readonly className?: string;
}
/**
 * A clickable card that displays a resource template's metadata.
 *
 * Renders the template's name, description, and category badge.
 * Displays a colored initial avatar derived from the template name.
 *
 * Fully keyboard-accessible: focusable, activates on Enter/Space.
 * Uses `--stgm-*` tokens for all structural styling; category badge
 * colors use Tailwind's semantic palette with opacity for dark mode.
 *
 * @typeParam TData - The wizard data shape this template targets.
 */
export declare function TemplateCard<TData>({ template, onSelect, className, }: TemplateCardProps<TData>): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=TemplateCard.d.ts.map