@useloops/design-system/dist/systems/Marketing/PlanTierCard/PlanTierCard.d.ts

The official React based Loops design system

import { Breakpoint } from '@mui/material';
import { FunctionComponent, ReactElement } from 'react';
import { RespondentBundle } from './RespondentPricingCard.js';

type Section = 'headerHeight' | 'bodyHeight' | 'respondentCardHeight' | 'bottomHeight';
interface PlanTierCardProps {
    amount: string;
    billingType?: string;
    body: ReactElement;
    bordered?: boolean;
    ctaEvent?: (heading: string) => void;
    ctaLink?: string;
    ctaTarget?: string;
    ctaText: string;
    ctaVariation?: 'primary' | 'secondary' | 'outlined';
    currencySymbol: string;
    currentPlan?: boolean;
    featuresHeading?: string;
    features?: string[];
    featuresIcon: ReactElement;
    heading: string;
    label?: string;
    loading?: boolean;
    respondentsTitle?: string;
    respondentsFeatures: RespondentBundle[];
    respondentsFeaturesIcon: ReactElement;
    saving?: string;
    sectionHeights: Record<Section, number>;
    updateSectionHeight?: (section: Section, height: number) => void;
    syncHeightsOnBreakpoints?: Breakpoint[];
}
declare const PlanTierCard: FunctionComponent<PlanTierCardProps>;

export { PlanTierCard as default };
export type { PlanTierCardProps, Section };