@useloops/design-system/dist/systems/WebCore/AnnualController/AnnualController.d.ts

The official React based Loops design system

import { FunctionComponent, Dispatch, SetStateAction } from 'react';

type SupportedCurrency = 'gbp' | 'eur' | 'usd';
type SupportedFrequency = 'monthly' | 'annually';
interface AnnualControllerProps {
    body: string;
    currency: string;
    hideCurrency?: boolean;
    changeCurrencyEvent?: (value: string) => void;
    frequency: string;
    heading: string;
    setCurrency?: Dispatch<SetStateAction<SupportedCurrency>>;
    setFrequency?: Dispatch<SetStateAction<SupportedFrequency>>;
    togglePayAnnuallyEvent?: () => void;
    selections?: {
        value: SupportedCurrency;
        label: string;
    }[];
}
declare const AnnualController: FunctionComponent<AnnualControllerProps>;

export { AnnualController as default };
export type { AnnualControllerProps, SupportedCurrency, SupportedFrequency };