import React from 'react';
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
import type {
  DimensionStyles,
  SharedAccessibilityProps,
  SharedProps,
} from '@coinbase/cds-common/types';
import { type PressableDefaultElement, type PressableProps } from '../system';
export type UpsellCardBaseProps = SharedProps &
  Pick<SharedAccessibilityProps, 'accessibilityLabel'> &
  Pick<DimensionStyles, 'width'> & {
    /** Callback fired when the action button is pressed */
    onActionPress?: PressableProps<PressableDefaultElement>['onClick'];
    /** Callback fired when the dismiss button is pressed */
    onDismissPress?: PressableProps<PressableDefaultElement>['onClick'];
    /** Callback fired when the card is pressed */
    onClick?: PressableProps<PressableDefaultElement>['onClick'];
    /** Text or ReactNode to be displayed in TextHeadline */
    title: React.ReactNode;
    /** Content to be displayed below the title */
    description?: React.ReactNode;
    /** Node to display for the card action */
    action?: React.ReactNode;
    /**
     * Remote Image or other node with media content.
     */
    media?: React.ReactNode;
    /**
     * Background color for the card.
     * @default 'bgPrimaryWash'
     */
    background?: ThemeVars.Color;
    /**
     * @danger This is a migration escape hatch. It is not intended to be used normally.
     */
    dangerouslySetBackground?: string;
  };
export type UpsellCardProps = UpsellCardBaseProps;
/**
 * @deprecated Use `MessagingCard` with `type="upsell"` instead. This will be removed in a future major release.
 * @deprecationExpectedRemoval v9
 *
 * Migration guide:
 * ```tsx
 * // Before
 * <UpsellCard
 *   title="Title"
 *   description="Description"
 *   media={<RemoteImage ... />}
 *   action="Get Started"
 *   onActionPress={handleAction}
 *   onDismissPress={handleDismiss}
 * />
 *
 * // After
 * <MessagingCard
 *   type="upsell"
 *   title="Title"
 *   description="Description"
 *   media={<RemoteImage ... />}
 *   actions={<Button compact variant="secondary">Get Started</Button>}
 *   onDismiss={handleDismiss}
 *   mediaPlacement="end"
 * />
 * ```
 */
export declare const UpsellCard: React.MemoExoticComponent<
  ({
    title,
    description,
    action,
    onActionPress,
    onDismissPress,
    media,
    background,
    dangerouslySetBackground,
    testID,
    accessibilityLabel,
    width,
    onClick,
  }: UpsellCardProps) => import('react/jsx-runtime').JSX.Element
>;
//# sourceMappingURL=UpsellCard.d.ts.map