import * as react from 'react';
import { HTMLAttributes } from 'react';

type PriceDisplaySize = 'sm' | 'md' | 'lg';
interface PriceDisplayProps extends HTMLAttributes<HTMLDivElement> {
    /** Primary price string, rendered large — e.g. `"58,0 kr/l"` */
    primary: string;
    /** Secondary label rendered as a Badge below the primary value — e.g. `"29,00 kr"` */
    secondary?: string;
    /**
     * `"cheapest"` switches the primary value to success color and the badge to `variant="success"`.
     * `false` (default) uses muted text for the primary and default badge styling.
     */
    highlight?: 'cheapest' | false;
    /** Text alignment of the block. Default `"right"`. */
    align?: 'left' | 'right';
    /** Primary value scale. Default `"md"`. */
    size?: PriceDisplaySize;
}
declare const PriceDisplay: react.ForwardRefExoticComponent<PriceDisplayProps & react.RefAttributes<HTMLDivElement>>;

export { PriceDisplay, type PriceDisplayProps, type PriceDisplaySize };