import { ID, SubscriptionAddOn, SubscriptionCoupon, SubscriptionCreateData, SubscriptionPlan } from '@zeniai/client-epic-state';
import { FormSectionProps } from '../../../../formElements/common/formSection';
import { GroupedSingleSelectFieldValue } from '../../../../formElements/groupedSingleSelectField/GroupedSingleSelectField';
import { SingleSelectPickerFieldValue } from '../../../../formElements/singleSelectPickerField/SingleSelectPickerField';
/**
 * Component & its Props
 */
export interface AddPlanSectionProps extends FormSectionProps {
    subscriptionMetaDetails: {
        addOns: SubscriptionAddOn[];
        coupons: SubscriptionCoupon[];
        plans: SubscriptionPlan[];
    };
    recommendedSubscriptionPlanId?: ID;
    style?: React.CSSProperties;
    subscriptionCreateData?: SubscriptionCreateData;
}
export declare function AddPlanSection({ sectionId, isDisabled, subscriptionCreateData, subscriptionMetaDetails, recommendedSubscriptionPlanId, style, }: AddPlanSectionProps): import("react/jsx-runtime").JSX.Element;
/**
 * Form Data Type
 */
export interface AddPlanSectionFormData {
    coupon: SingleSelectPickerFieldValue;
    planStartDate: Date;
    recurringAddOns: SingleSelectPickerFieldValue[];
    subscriptionPlan: GroupedSingleSelectFieldValue;
}
type FormDataKeys = keyof AddPlanSectionFormData;
declare const uniqueName: (sectionId: string, key: FormDataKeys) => `${string}.coupon` | `${string}.recurringAddOns` | `${string}.subscriptionPlan` | `${string}.planStartDate`;
export type FormDataKeyUniqueNames = ReturnType<typeof uniqueName>;
export {};
