import React from 'react';
import { TagColor } from '@chargify/custom-ui-components';
import { FormattedSubscriptionDetails } from '../../hooks';
import { SubscriptionStatus } from '../../models';
import { SubscriptionLayout } from './types';
import { SubscriptionBilling } from '../../models/subscription/types';
import { SubscriptionActions } from '../../containers/SubscriptionContainer/hooks/useSubscriptionAvailableActions';
import { Currency } from '@chargify/formatters';
import { Coupon } from '../../models/subscription/types';
import { SubscriptionDetailsMachineInterpreter } from '../../machines/subscription/types';
type SubscriptionProps = {
    id: number;
    catalogId: number;
    name: string;
    statusTag?: {
        label: string;
        color: TagColor;
    };
    price?: {
        label: string;
        color: string;
    };
    cardColor?: 'white' | 'gray';
    description: string;
    status: SubscriptionStatus;
    onShowDetails: () => void;
    layout?: SubscriptionLayout;
    detailsVisible?: boolean;
    billingDetails: SubscriptionBilling;
    currency: Currency;
    renderComponentsSection?: boolean;
    renderCustomFieldsSection?: boolean;
    availableActions?: SubscriptionActions[];
    referralCode?: string;
    threeDsActionLink?: string;
    coupons: Coupon[];
    subscriptionDetailsService: SubscriptionDetailsMachineInterpreter;
} & FormattedSubscriptionDetails;
declare const Subscription: ({ id, catalogId, name, price, statusTag, description, status, onShowDetails, detailsVisible, cardColor, nextBillingAmount, nextBillingDate, basePlanPrice, cancellationDate, expirationDate, layout, autoResumeDate, trialExpirationDate, priceAfterTrial, trialPrice, currentBalance, nextBillingAttempt, interval, billingDetails, renderComponentsSection, renderCustomFieldsSection, scheduledCancellationDate, availableActions, referralCode, threeDsActionLink, currency, coupons, subscriptionDetailsService, }: SubscriptionProps) => React.JSX.Element;
export default Subscription;