/*! Strand UI | MIT License | dillingerstaffing.com */
import type { JSX } from "preact";
export interface ResultCardProps extends Omit<JSX.HTMLAttributes<HTMLElement>, "title"> {
    /** The result's name. */
    title: string;
    company?: string;
    location?: string;
    salary?: string;
    /** Small chips; `remote` and `source` are the two tints. */
    badges?: {
        label: string;
        variant?: "remote" | "source";
    }[];
    /** The highlighted result, announced with `aria-current`. */
    active?: boolean;
    /** Makes the card a button. */
    onSelect?: () => void;
    className?: string;
}
/**
 * One result in an instrument's results panel; a button when selectable, an article when not.
 *
 * @example
 * <ResultCard title="Systems Engineer" company="Acme" active={id === hovered} onSelect={() => panTo(id)} />
 */
export declare const ResultCard: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<ResultCardProps> & {
    ref?: import("preact").Ref<HTMLElement> | undefined;
}>;
//# sourceMappingURL=ResultCard.d.ts.map