@pretzelai/react/dist/types/components/pricing-table.d.ts

A React Stripe Payment Modal Component

import * as React from "react";
import { z } from "zod";
declare const PlanSchema: z.ZodObject<{
    title: z.ZodString;
    description: z.ZodString;
    price: z.ZodNumber;
    interval: z.ZodString;
    features: z.ZodArray<z.ZodObject<{
        text: z.ZodString;
    }, "strip", z.ZodTypeAny, {
        text: string;
    }, {
        text: string;
    }>, "many">;
    buttonText: z.ZodString;
    buttonOutline: z.ZodOptional<z.ZodBoolean>;
    isPopular: z.ZodOptional<z.ZodBoolean>;
    popularText: z.ZodOptional<z.ZodString>;
    currency: z.ZodOptional<z.ZodString>;
}, "strip", z.ZodTypeAny, {
    title: string;
    description: string;
    price: number;
    interval: string;
    features: {
        text: string;
    }[];
    buttonText: string;
    buttonOutline?: boolean | undefined;
    isPopular?: boolean | undefined;
    popularText?: string | undefined;
    currency?: string | undefined;
}, {
    title: string;
    description: string;
    price: number;
    interval: string;
    features: {
        text: string;
    }[];
    buttonText: string;
    buttonOutline?: boolean | undefined;
    isPopular?: boolean | undefined;
    popularText?: string | undefined;
    currency?: string | undefined;
}>;
export type Plan = z.infer<typeof PlanSchema>;
declare const PricingTableSchema: z.ZodObject<{
    heading: z.ZodOptional<z.ZodString>;
    description: z.ZodOptional<z.ZodString>;
    plans: z.ZodArray<z.ZodObject<{
        title: z.ZodString;
        description: z.ZodString;
        price: z.ZodNumber;
        interval: z.ZodString;
        features: z.ZodArray<z.ZodObject<{
            text: z.ZodString;
        }, "strip", z.ZodTypeAny, {
            text: string;
        }, {
            text: string;
        }>, "many">;
        buttonText: z.ZodString;
        buttonOutline: z.ZodOptional<z.ZodBoolean>;
        isPopular: z.ZodOptional<z.ZodBoolean>;
        popularText: z.ZodOptional<z.ZodString>;
        currency: z.ZodOptional<z.ZodString>;
    }, "strip", z.ZodTypeAny, {
        title: string;
        description: string;
        price: number;
        interval: string;
        features: {
            text: string;
        }[];
        buttonText: string;
        buttonOutline?: boolean | undefined;
        isPopular?: boolean | undefined;
        popularText?: string | undefined;
        currency?: string | undefined;
    }, {
        title: string;
        description: string;
        price: number;
        interval: string;
        features: {
            text: string;
        }[];
        buttonText: string;
        buttonOutline?: boolean | undefined;
        isPopular?: boolean | undefined;
        popularText?: string | undefined;
        currency?: string | undefined;
    }>, "many">;
}, "strip", z.ZodTypeAny, {
    plans: {
        title: string;
        description: string;
        price: number;
        interval: string;
        features: {
            text: string;
        }[];
        buttonText: string;
        buttonOutline?: boolean | undefined;
        isPopular?: boolean | undefined;
        popularText?: string | undefined;
        currency?: string | undefined;
    }[];
    heading?: string | undefined;
    description?: string | undefined;
}, {
    plans: {
        title: string;
        description: string;
        price: number;
        interval: string;
        features: {
            text: string;
        }[];
        buttonText: string;
        buttonOutline?: boolean | undefined;
        isPopular?: boolean | undefined;
        popularText?: string | undefined;
        currency?: string | undefined;
    }[];
    heading?: string | undefined;
    description?: string | undefined;
}>;
export type PricingTableProps = z.infer<typeof PricingTableSchema>;
export default function PricingTable({ pricingData, theme, className, publicKey, redirectUrl, }: {
    pricingData: Partial<PricingTableProps>;
    theme?: "light" | "dark";
    className?: string;
    publicKey?: string;
    redirectUrl?: string;
}): React.JSX.Element;
export {};