import { type VariantProps } from "class-variance-authority";
import type { BadgeVariant } from "../html/badge.js";
/**
 * ComparisonState — a per-column marker in a side-by-side option comparison.
 * `recommended`/`selected` also emphasize the whole column; `lowest`/`highest`
 * flag the extreme value across the compared set; `unavailable` marks an option
 * that cannot be chosen. None of these are ever color-only: each renders a Badge
 * with a text label (and icon), and selection carries `aria-pressed`.
 */
export type ComparisonState = "recommended" | "lowest" | "highest" | "selected" | "unavailable";
/**
 * Column emphasis level, derived from a column's states. `selected` wins over
 * `recommended`; everything else is `none`. Drives the tint on the header cell,
 * the body cells beneath it, and the stacked card in narrow containers.
 */
export declare const comparisonColumnVariants: (props?: ({
    emphasis?: "none" | "selected" | "recommended" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type ComparisonColumnEmphasis = NonNullable<VariantProps<typeof comparisonColumnVariants>["emphasis"]>;
/**
 * ComparisonTable root — a `@container` scope so the table/card switch reacts to
 * the panel width, not the viewport. Below `@xl` the table hides and per-option
 * cards show; from `@xl` up the table shows and the cards hide.
 */
export declare const comparisonTableVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
/**
 * Header cell for a compared option. Emphasized columns gain a top accent border
 * and a tint; `unavailable` columns are dimmed. Transitions collapse to instant
 * under reduced motion.
 */
export declare const comparisonHeadCellVariants: (props?: ({
    emphasis?: "none" | "selected" | "recommended" | null | undefined;
    unavailable?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/** Body value cell — carries the same column tint as its header, plus dimming. */
export declare const comparisonBodyCellVariants: (props?: ({
    emphasis?: "none" | "selected" | "recommended" | null | undefined;
    unavailable?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/** Stacked per-option card shown in narrow containers (below `@xl`). */
export declare const comparisonCardVariants: (props?: ({
    emphasis?: "none" | "selected" | "recommended" | null | undefined;
    unavailable?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/** Badge variant used to render each state marker — reuses the shared Badge. */
export declare const comparisonStateBadgeVariant: Record<ComparisonState, BadgeVariant>;
/** English default label per state; override via the `stateLabels` prop. */
export declare const comparisonStateDefaultLabels: Record<ComparisonState, string>;
//# sourceMappingURL=variants.d.ts.map