import React from "react";
export declare const getMobileStyles: (theme: any, breakpoint: string) => {
    container: {
        backgroundColor: any;
        padding: string;
        maxWidth: string;
        fontFamily: any;
        color: any;
        minHeight: string;
        boxSizing: "border-box";
    };
    header: {
        marginBottom: number;
    };
    title: {
        fontSize: number;
        fontWeight: number;
        margin: number;
        color: any;
    };
    section: {
        marginBottom: number;
    };
    sectionTitle: {
        fontSize: number;
        fontWeight: number;
        marginBottom: number;
        color: any;
    };
    required: {
        color: any;
        marginLeft: number;
    };
    modeContainer: {
        display: string;
        flexDirection: "column";
        gap: number;
    };
    modeOption: {
        display: string;
        alignItems: string;
        gap: number;
        padding: string;
        border: string;
        borderRadius: string;
        cursor: string;
        fontSize: number;
        transition: string;
        backgroundColor: any;
    };
    radioInput: {
        width: number;
        height: number;
        accentColor: any;
    };
    chargeAmount: {
        fontSize: number;
        fontWeight: number;
        color: any;
    };
    paymentOption: {
        padding: string;
        border: string;
        borderRadius: string;
        fontSize: number;
        color: any;
        backgroundColor: any;
    };
    dateSection: {
        marginBottom: number;
        padding: string;
        backgroundColor: any;
        borderRadius: string;
        border: string;
    };
    dateSectionHeader: {
        marginBottom: number;
    };
    dateSectionTitle: {
        fontSize: number;
        fontWeight: number;
        color: any;
        margin: number;
        letterSpacing: string;
        textTransform: "uppercase";
    };
    monthNavigationContainer: {
        display: string;
        alignItems: string;
        justifyContent: string;
        marginBottom: number;
        position: "relative";
    };
    monthYearDisplay: {
        fontSize: number;
        fontWeight: number;
        color: any;
        textAlign: "center";
        flex: number;
    };
    navButton: {
        background: string;
        border: string;
        color: any;
        cursor: string;
        padding: number;
        borderRadius: string;
        display: string;
        alignItems: string;
        justifyContent: string;
        transition: string;
        minWidth: number;
        minHeight: number;
        flexShrink: number;
    };
    dateCardsContainer: {
        display: string;
        justifyContent: string;
        alignItems: string;
        gap: number;
        width: string;
        maxWidth: string;
        overflow: string;
    };
    dateCard: {
        width: number;
        height: number;
        border: string;
        borderRadius: string;
        display: string;
        flexDirection: "column";
        alignItems: string;
        justifyContent: string;
        cursor: string;
        transition: string;
        backgroundColor: any;
        position: "relative";
        flex: string;
    };
    dateCardSelected: {
        borderColor: any;
        backgroundColor: any;
        color: any;
    };
    dateCardWeekday: {
        fontSize: number;
        fontWeight: number;
        textTransform: "uppercase";
        marginBottom: number;
        letterSpacing: string;
        lineHeight: number;
    };
    dateCardDay: {
        fontSize: number;
        fontWeight: number;
        lineHeight: number;
    };
    slotsContainer: {
        marginBottom: number;
    };
    slotGrid: {
        display: string;
        gridTemplateColumns: string;
        gap: number;
        marginTop: number;
        maxHeight: string;
        overflowY: "auto";
        paddingRight: string;
        paddingBottom: string;
        scrollbarWidth: "thin";
        scrollbarColor: string;
    };
    slotButton: {
        padding: string;
        border: string;
        borderRadius: string;
        backgroundColor: any;
        color: any;
        fontSize: number;
        fontWeight: number;
        cursor: string;
        transition: string;
        minHeight: number;
        boxShadow: string;
        position: "relative";
        letterSpacing: string;
    };
    slotButtonSelected: {
        borderColor: any;
        backgroundColor: any;
        color: any;
        boxShadow: string;
        transform: string;
    };
    noSlots: {
        textAlign: "center";
        color: any;
        fontSize: number;
        marginTop: number;
        padding: string;
    };
    footer: {
        display: string;
        gap: number;
        marginTop: string;
        paddingTop: number;
        borderTop: string;
    };
    backButton: {
        flex: number;
        padding: string;
        border: string;
        borderRadius: string;
        backgroundColor: any;
        color: any;
        fontSize: number;
        fontWeight: number;
        cursor: string;
        transition: string;
        minHeight: number;
    };
    nextButton: {
        flex: number;
        padding: string;
        border: string;
        borderRadius: string;
        backgroundColor: any;
        color: any;
        fontSize: number;
        fontWeight: number;
        cursor: string;
        transition: string;
        minHeight: number;
        boxShadow: string;
    };
};
export declare const getDesktopStyles: (theme: any, breakpoint: string) => {
    modalWrapper: React.CSSProperties;
    sectionCard: React.CSSProperties;
    sectionHeader: React.CSSProperties;
    sectionTitle: React.CSSProperties;
    sectionBody: React.CSSProperties;
    label: React.CSSProperties;
    modeContainer: React.CSSProperties;
    radioLabel: React.CSSProperties;
    radioInput: React.CSSProperties;
    rupee: React.CSSProperties;
    dateTimeContainer: React.CSSProperties;
    calendarBox: React.CSSProperties;
    timesContainer: React.CSSProperties;
    timesLabel: React.CSSProperties;
    dateLabel: React.CSSProperties;
    noSlots: React.CSSProperties;
    slotGrid: React.CSSProperties;
    slotButton: React.CSSProperties;
    footer: React.CSSProperties;
    backBtn: React.CSSProperties;
    continueBtn: React.CSSProperties;
};