import { type VariantProps } from "class-variance-authority";
export type OptionTileTrailingType = "value" | "preview" | "color" | "badge";
declare const optionTileVariants: (props?: ({
    size?: "compact" | "regular" | null | undefined;
    hasThumbnail?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type OptionTileProps = {
    /** Label text displayed on the left */
    label: string;
    /** Value text displayed on the right side */
    value?: string;
    /** Type of trailing content: "value" (text only), "preview" (image thumbnail), "color" (color swatch), or "badge" (pro badge with value as label) */
    trailing?: OptionTileTrailingType;
    /** Image URL for trailing="preview" */
    previewSrc?: string;
    /** CSS color string for trailing="color" */
    color?: string;
    /** Badge label for trailing="badge" */
    badgeLabel?: string;
    /** Additional className for custom styling */
    className?: string;
} & Omit<VariantProps<typeof optionTileVariants>, "hasThumbnail"> & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & React.RefAttributes<HTMLButtonElement>;
export declare function OptionTile({ label, value, trailing, previewSrc, color, badgeLabel, size, className, ref, ...props }: OptionTileProps): import("react").JSX.Element;
export declare namespace OptionTile {
    var displayName: string;
}
export {};
//# sourceMappingURL=OptionTile.d.ts.map