import { ReactNode } from 'react';
import { SxProps, Theme } from '@mui/material/styles';
export interface UpcomingBillDay {
    /** Day-of-week label, e.g. "Sun". */
    label: string;
    /** Day-of-month number, e.g. "26". */
    date: string;
    /** Whether this is the highlighted due day (blue label + filled date cell). */
    highlighted?: boolean;
}
export interface UpcomingBillCardProps {
    /** The seven days of the week strip (exactly 7 items, one for each day). The due day should have `highlighted`. */
    days: [
        UpcomingBillDay,
        UpcomingBillDay,
        UpcomingBillDay,
        UpcomingBillDay,
        UpcomingBillDay,
        UpcomingBillDay,
        UpcomingBillDay
    ];
    /** Merchant logo/icon (24x24), rendered left of the merchant name. */
    logo: ReactNode;
    /** Merchant name, e.g. "Power Plus". */
    merchantName: string;
    /** Bill amount, formatted (e.g. "$75.00"). */
    amount: string;
    /** Custom aria-label for the highlighted due date cell (accessibility). Pass a localized string from copy/GlobalCopyStore; defaults to English "bill due" if not provided. */
    highlightedAriaLabel?: string;
    sx?: SxProps<Theme>;
}
/**
 * Upcoming Bill content: a seven-day week strip with the due day highlighted
 * (blue label + filled blue date cell) above a tinted bill row (merchant logo,
 * name, and amount).
 *
 * Figma: Upcoming Bill Content (Full variant). Scope is the Content section
 * only.
 */
declare const UpcomingBillCard: ({ amount, days, highlightedAriaLabel, logo, merchantName, sx, }: UpcomingBillCardProps) => import("react/jsx-runtime").JSX.Element;
export default UpcomingBillCard;