import { ReactNode } from 'react';
import { SxProps } from '@mui/material/styles';
interface SubscriptionHeroCardProps {
    /** Central hero brand/merchant logo. */
    logo: ReactNode;
    /** Subscription/merchant name. */
    name: ReactNode;
    /** Price, e.g. "$16.06 / month". Rendered as a dark pill. */
    price: ReactNode;
    /** Optional decorative backdrop (e.g. scattered faded logos) behind the hero. */
    backdrop?: ReactNode;
    /** Card surface color/background token. */
    bgcolor?: string;
    sx?: SxProps;
}
/**
 * A hero subscription card: a centered brand logo, name, and price pill over an
 * optional decorative backdrop.
 *
 * Figma: Upcoming Subscription Content (`Card / Content / Slot`) — padding 24,
 * `background.default` surface, a 64px hero `<Logo>`, name (`h2`) and a dark
 * price pill, with faded scattered logos behind.
 *
 * Scope is the Content section only; Header/Description are out of scope.
 */
declare const SubscriptionHeroCard: ({ backdrop, bgcolor, logo, name, price, sx, }: SubscriptionHeroCardProps) => import("react/jsx-runtime").JSX.Element;
export default SubscriptionHeroCard;