react-native-feedback-hub/lib/Styles/ModalStyle.d.ts

React Native feedback SDK with Slack, Jira, Discord and Microsoft Teams integration

export declare const ModalStyles: {
    overlay: {
        flex: number;
        backgroundColor: "rgba(0,0,0,0.4)";
        justifyContent: "center";
        alignItems: "center";
        padding: number;
    };
    modal: {
        backgroundColor: "#1f2937";
        borderRadius: number;
        width: "100%";
        maxWidth: number;
        maxHeight: "90%";
        overflow: "hidden";
    };
    header: {
        flexDirection: "row";
        justifyContent: "space-between";
        alignItems: "center";
        padding: number;
        borderBottomWidth: number;
        borderColor: "#4b5563";
    };
    title: {
        fontSize: number;
        fontWeight: "600";
        color: "#f9fafb";
    };
    form: {
        padding: number;
    };
    label: {
        fontSize: number;
        fontWeight: "500";
        color: "#d1d5db";
        marginBottom: number;
    };
    typeButtons: {
        flexDirection: "row";
        gap: number;
        marginBottom: number;
    };
    typeButton: {
        flexDirection: "row";
        flex: number;
        alignItems: "center";
        justifyContent: "center";
        paddingVertical: number;
        borderRadius: number;
        borderWidth: number;
        borderColor: "#d1d5db";
        backgroundColor: "#f9fafb";
    };
    activeBug: {
        backgroundColor: "#fef2f2";
        borderColor: "#fecaca";
    };
    activeSuggestion: {
        backgroundColor: "#f0fdf4";
        borderColor: "#bbf7d0";
    };
    typeText: {
        fontSize: number;
        color: "#374151";
    };
    activeBugText: {
        color: "#dc2626";
    };
    activeSuggestionText: {
        color: "#059669";
    };
    input: {
        width: "100%";
        padding: number;
        borderWidth: number;
        borderRadius: number;
        borderColor: "#4b5563";
        backgroundColor: "#374151";
        color: "#f9fafb";
        fontSize: number;
        marginBottom: number;
    };
    textarea: {
        minHeight: number;
        maxHeight: number;
        textAlignVertical: "top";
    };
    attachments: {
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "space-between";
        gap: number;
    };
    attachmentButton: {
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "center";
        paddingVertical: number;
        paddingHorizontal: number;
        backgroundColor: "#374151";
        borderColor: "#4b5563";
        borderWidth: number;
        borderRadius: number;
        flex: number;
    };
    attachmentText: {
        fontSize: number;
        color: "#d1d5db";
        marginLeft: number;
    };
    recording: {
        backgroundColor: "#fef2f2";
        borderColor: "#fecaca";
    };
    recordingText: {
        color: "#dc2626";
    };
    recordingIndicator: {
        flexDirection: "row";
        alignItems: "center";
        marginTop: number;
        justifyContent: "center";
    };
    recordingLabel: {
        fontSize: number;
        color: "#d97706";
        marginLeft: number;
    };
    actions: {
        flexDirection: "row";
        gap: number;
        paddingTop: number;
    };
    button: {
        flex: number;
        paddingVertical: number;
        alignItems: "center";
        borderRadius: number;
    };
    secondaryButton: {
        backgroundColor: "#374151";
        borderColor: "#4b5563";
        borderWidth: number;
    };
    secondaryText: {
        color: "#d1d5db";
        fontSize: number;
    };
    primaryButton: {
        backgroundColor: "#2563eb";
    };
    primaryButtonDisabled: {
        backgroundColor: "#6b7280";
        color: "#9ca3af";
    };
    primaryText: {
        color: "#ffffff";
        fontSize: number;
    };
    statusNudge: {
        flexDirection: "row";
        alignItems: "center";
        marginTop: number;
        justifyContent: "center";
    };
    errorLabel: {
        fontSize: number;
        letterSpacing: number;
        color: "#dc2626";
        marginLeft: number;
    };
    successLabel: {
        fontSize: number;
        letterSpacing: number;
        color: "#059669";
        marginLeft: number;
    };
};
//# sourceMappingURL=ModalStyle.d.ts.map