export declare const checkoutStyles: {
    readonly container: {
        readonly display: "flex";
        readonly flexDirection: "column";
        readonly minHeight: 0;
        readonly overflowY: "auto";
        readonly maxHeight: "90%";
    };
    readonly walletPassSearchRow: {
        readonly display: "flex";
        readonly gap: 8;
    };
    readonly moduleBase: {
        readonly backgroundColor: "#ff4d4f";
        readonly borderRadius: "8px";
        readonly padding: "16px";
        readonly marginBottom: "12px";
        readonly color: "white";
        readonly transition: "all 0.3s ease";
    };
    readonly moduleTitle: {
        readonly fontSize: "16px";
        readonly fontWeight: "500";
        readonly color: "#4096ff";
        readonly marginBottom: "8px";
    };
    readonly moduleDescription: {
        readonly fontSize: "12px";
        readonly opacity: 0.8;
        readonly marginBottom: "8px";
    };
    readonly button: {
        readonly backgroundColor: "rgba(255,255,255,0.2)";
        readonly border: "1px solid rgba(255,255,255,0.3)";
        readonly borderRadius: "4px";
        readonly color: "white";
        readonly padding: "6px 12px";
        readonly fontSize: "12px";
        readonly cursor: "pointer";
        readonly transition: "background-color 0.2s ease";
    };
    readonly buttonHover: {
        readonly backgroundColor: "rgba(255,255,255,0.3)";
    };
    readonly statusButton: {
        readonly backgroundColor: "#ff4d4f";
        readonly color: "white";
        readonly border: "none";
        readonly borderRadius: "4px";
        readonly padding: "8px 16px";
        readonly cursor: "pointer";
        readonly fontSize: "14px";
        readonly transition: "background-color 0.2s ease";
    };
    readonly amountDisplay: {
        readonly fontSize: "24px";
        readonly fontWeight: "bold";
        readonly marginBottom: "8px";
        readonly textAlign: "center";
    };
};
export declare const calculateModalHeight: (moduleConfig: {
    showWalletPass?: boolean;
    showCashPayment?: boolean;
    showAdditionalModule?: boolean;
    showPaymentOptions?: boolean;
}) => number;