import { ReactNode } from 'react';
import { SxProps } from '@mui/material/styles';
interface AmountPillProps {
    /** Pill content (amount / price string). */
    children: ReactNode;
    /** Horizontal padding in px (Figma varies: 16 inline, 10 in the hero). */
    px?: number;
    sx?: SxProps;
}
/**
 * A dark rounded amount/price pill: `text.primary` surface with
 * `primary.contrastText` `subtitle2` text. Shared by MerchantHighlightCard and
 * SubscriptionHeroCard.
 */
declare const AmountPill: ({ children, px, sx }: AmountPillProps) => import("react/jsx-runtime").JSX.Element;
export default AmountPill;