@coorpacademy/components 10.24.4 → 10.24.5-alpha.2

package/lib/template/app-review/player/test/index.stories.d.ts

@@ -0,0 +1,1782 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: {
+        ({ header, stack, reviewBackgroundAriaLabel, congrats, quitPopin }: {
+            header: any;
+            stack: any;
+            reviewBackgroundAriaLabel: any;
+            congrats: any;
+            quitPopin: any;
+        }): JSX.Element;
+        propTypes: {
+            header: import("prop-types").Requireable<import("prop-types").InferProps<{
+                steps: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                    current: import("prop-types").Requireable<boolean>;
+                    icon: import("prop-types").Requireable<string>;
+                    value: import("prop-types").Requireable<string>;
+                }> | null | undefined)[]>;
+                mode: import("prop-types").Validator<string>;
+                skillName: import("prop-types").Validator<string>;
+                'aria-label': import("prop-types").Requireable<string>;
+                closeButtonAriaLabel: import("prop-types").Requireable<string>;
+                onQuitClick: import("prop-types").Requireable<(...args: any[]) => any>;
+                hiddenSteps: import("prop-types").Requireable<boolean>;
+            }>>;
+            stack: import("prop-types").Requireable<import("prop-types").InferProps<{
+                validateButton: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    label: import("prop-types").Validator<string>;
+                    onClick: import("prop-types").Validator<(...args: any[]) => any>;
+                    disabled: import("prop-types").Requireable<boolean>;
+                }>>;
+                correctionPopinProps: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    klf: import("prop-types").Requireable<import("prop-types").InferProps<{
+                        label: import("prop-types").Requireable<string>;
+                        tooltip: import("prop-types").Requireable<string>;
+                    }>>;
+                    information: import("prop-types").Requireable<import("prop-types").InferProps<{
+                        label: import("prop-types").Requireable<string>;
+                        message: import("prop-types").Requireable<string>;
+                    }>>;
+                    next: import("prop-types").Requireable<import("prop-types").InferProps<{
+                        label: import("prop-types").Requireable<string>;
+                        'aria-label': import("prop-types").Requireable<string>;
+                    }>>;
+                    resultLabel: import("prop-types").Requireable<string>;
+                    type: import("prop-types").Requireable<string>;
+                }>>;
+                slides: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                    '0': import("prop-types").Requireable<import("prop-types").InferProps<{
+                        position: import("prop-types").Requireable<number>;
+                        loading: import("prop-types").Requireable<boolean>;
+                        loadingAriaLabel: import("prop-types").Requireable<string>;
+                        animationType: import("prop-types").Requireable<string>;
+                        isCorrect: import("prop-types").Requireable<boolean>;
+                        animateCorrectionPopin: import("prop-types").Requireable<boolean>;
+                        showCorrectionPopin: import("prop-types").Requireable<boolean>;
+                        parentContentTitle: import("prop-types").Requireable<string>;
+                        questionText: import("prop-types").Requireable<string>;
+                        answerUI: import("prop-types").Requireable<import("prop-types").InferProps<{
+                            model: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                                type: import("prop-types").Validator<string>;
+                                answer: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                                    title: import("prop-types").Validator<string>;
+                                    'aria-label': import("prop-types").Requireable<string>;
+                                    onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+                                    onChange: import("prop-types").Requireable<(...args: any[]) => any>;
+                                    selected: import("prop-types").Requireable<boolean>;
+                                    image: import("prop-types").Requireable<string>;
+                                    options: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                                        name: import("prop-types").Requireable<string>;
+                                        selected: import("prop-types").Requireable<boolean>;
+                                        validOption: import("prop-types").Requireable<boolean>;
+                                        value: import("prop-types").Requireable<string>;
+                                    }> | null | undefined)[]>;
+                                    type: import("prop-types").Requireable<string>;
+                                    name: import("prop-types").Requireable<string>;
+                                }> | null | undefined)[]>;
+                            }>>>;
+                            help: import("prop-types").Requireable<string>;
+                            media: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
+                                type: import("prop-types").Validator<string>;
+                                id: import("prop-types").Requireable<string>;
+                                width: import("prop-types").Requireable<string>;
+                                height: import("prop-types").Requireable<string>;
+                                url: import("prop-types").Requireable<any>;
+                                onPlay: import("prop-types").Requireable<(...args: any[]) => any>;
+                                onResume: import("prop-types").Requireable<(...args: any[]) => any>;
+                                onPause: import("prop-types").Requireable<(...args: any[]) => any>;
+                                onEnded: import("prop-types").Requireable<(...args: any[]) => any>;
+                                onError: import("prop-types").Requireable<(...args: any[]) => any>;
+                                autoplay: import("prop-types").Requireable<boolean>;
+                                disableAutostart: import("prop-types").Requireable<boolean>;
+                                jwpOptions: import("prop-types").Requireable<import("prop-types").InferProps<{
+                                    file: import("prop-types").Requireable<any>;
+                                    customProps: import("prop-types").Requireable<import("prop-types").InferProps<{
+                                        aspectratio: import("prop-types").Requireable<string>;
+                                        tracks: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                                            file: import("prop-types").Requireable<any>;
+                                            label: import("prop-types").Requireable<string>;
+                                            kind: import("prop-types").Requireable<string>;
+                                            default: import("prop-types").Requireable<boolean>;
+                                        }> | null | undefined)[]>;
+                                        autostart: import("prop-types").Requireable<string>;
+                                        width: import("prop-types").Requireable<string>;
+                                        skin: import("prop-types").Requireable<import("prop-types").InferProps<{
+                                            name: import("prop-types").Requireable<string>;
+                                        }>>;
+                                    }>>;
+                                    licenseKey: import("prop-types").Validator<string>;
+                                    playerScript: import("prop-types").Validator<any>;
+                                    playerId: import("prop-types").Validator<string>;
+                                }>>;
+                                mimeType: import("prop-types").Validator<string>;
+                            }> | import("prop-types").InferProps<{
+                                type: import("prop-types").Validator<string>;
+                                url: import("prop-types").Validator<string>;
+                            }> | import("prop-types").InferProps<{
+                                type: import("prop-types").Validator<string>;
+                                mediaUrl: import("prop-types").Validator<string>;
+                            }> | null | undefined>>;
+                        }>>;
+                    }>>;
+                    '1': import("prop-types").Requireable<import("prop-types").InferProps<{
+                        position: import("prop-types").Requireable<number>;
+                        loading: import("prop-types").Requireable<boolean>;
+                        loadingAriaLabel: import("prop-types").Requireable<string>;
+                        animationType: import("prop-types").Requireable<string>;
+                        isCorrect: import("prop-types").Requireable<boolean>;
+                        animateCorrectionPopin: import("prop-types").Requireable<boolean>;
+                        showCorrectionPopin: import("prop-types").Requireable<boolean>;
+                        parentContentTitle: import("prop-types").Requireable<string>;
+                        questionText: import("prop-types").Requireable<string>;
+                        answerUI: import("prop-types").Requireable<import("prop-types").InferProps<{
+                            model: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                                type: import("prop-types").Validator<string>;
+                                answer: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                                    title: import("prop-types").Validator<string>;
+                                    'aria-label': import("prop-types").Requireable<string>;
+                                    onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+                                    onChange: import("prop-types").Requireable<(...args: any[]) => any>;
+                                    selected: import("prop-types").Requireable<boolean>;
+                                    image: import("prop-types").Requireable<string>;
+                                    options: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                                        name: import("prop-types").Requireable<string>;
+                                        selected: import("prop-types").Requireable<boolean>;
+                                        validOption: import("prop-types").Requireable<boolean>;
+                                        value: import("prop-types").Requireable<string>;
+                                    }> | null | undefined)[]>;
+                                    type: import("prop-types").Requireable<string>;
+                                    name: import("prop-types").Requireable<string>;
+                                }> | null | undefined)[]>;
+                            }>>>;
+                            help: import("prop-types").Requireable<string>;
+                            media: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
+                                type: import("prop-types").Validator<string>;
+                                id: import("prop-types").Requireable<string>;
+                                width: import("prop-types").Requireable<string>;
+                                height: import("prop-types").Requireable<string>;
+                                url: import("prop-types").Requireable<any>;
+                                onPlay: import("prop-types").Requireable<(...args: any[]) => any>;
+                                onResume: import("prop-types").Requireable<(...args: any[]) => any>;
+                                onPause: import("prop-types").Requireable<(...args: any[]) => any>;
+                                onEnded: import("prop-types").Requireable<(...args: any[]) => any>;
+                                onError: import("prop-types").Requireable<(...args: any[]) => any>;
+                                autoplay: import("prop-types").Requireable<boolean>;
+                                disableAutostart: import("prop-types").Requireable<boolean>;
+                                jwpOptions: import("prop-types").Requireable<import("prop-types").InferProps<{
+                                    file: import("prop-types").Requireable<any>;
+                                    customProps: import("prop-types").Requireable<import("prop-types").InferProps<{
+                                        aspectratio: import("prop-types").Requireable<string>;
+                                        tracks: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                                            file: import("prop-types").Requireable<any>;
+                                            label: import("prop-types").Requireable<string>;
+                                            kind: import("prop-types").Requireable<string>;
+                                            default: import("prop-types").Requireable<boolean>;
+                                        }> | null | undefined)[]>;
+                                        autostart: import("prop-types").Requireable<string>;
+                                        width: import("prop-types").Requireable<string>;
+                                        skin: import("prop-types").Requireable<import("prop-types").InferProps<{
+                                            name: import("prop-types").Requireable<string>;
+                                        }>>;
+                                    }>>;
+                                    licenseKey: import("prop-types").Validator<string>;
+                                    playerScript: import("prop-types").Validator<any>;
+                                    playerId: import("prop-types").Validator<string>;
+                                }>>;
+                                mimeType: import("prop-types").Validator<string>;
+                            }> | import("prop-types").InferProps<{
+                                type: import("prop-types").Validator<string>;
+                                url: import("prop-types").Validator<string>;
+                            }> | import("prop-types").InferProps<{
+                                type: import("prop-types").Validator<string>;
+                                mediaUrl: import("prop-types").Validator<string>;
+                            }> | null | undefined>>;
+                        }>>;
+                    }>>;
+                    '2': import("prop-types").Requireable<import("prop-types").InferProps<{
+                        position: import("prop-types").Requireable<number>;
+                        loading: import("prop-types").Requireable<boolean>;
+                        loadingAriaLabel: import("prop-types").Requireable<string>;
+                        animationType: import("prop-types").Requireable<string>;
+                        isCorrect: import("prop-types").Requireable<boolean>;
+                        animateCorrectionPopin: import("prop-types").Requireable<boolean>;
+                        showCorrectionPopin: import("prop-types").Requireable<boolean>;
+                        parentContentTitle: import("prop-types").Requireable<string>;
+                        questionText: import("prop-types").Requireable<string>;
+                        answerUI: import("prop-types").Requireable<import("prop-types").InferProps<{
+                            model: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                                type: import("prop-types").Validator<string>;
+                                answer: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                                    title: import("prop-types").Validator<string>;
+                                    'aria-label': import("prop-types").Requireable<string>;
+                                    onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+                                    onChange: import("prop-types").Requireable<(...args: any[]) => any>;
+                                    selected: import("prop-types").Requireable<boolean>;
+                                    image: import("prop-types").Requireable<string>;
+                                    options: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                                        name: import("prop-types").Requireable<string>;
+                                        selected: import("prop-types").Requireable<boolean>;
+                                        validOption: import("prop-types").Requireable<boolean>;
+                                        value: import("prop-types").Requireable<string>;
+                                    }> | null | undefined)[]>;
+                                    type: import("prop-types").Requireable<string>;
+                                    name: import("prop-types").Requireable<string>;
+                                }> | null | undefined)[]>;
+                            }>>>;
+                            help: import("prop-types").Requireable<string>;
+                            media: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
+                                type: import("prop-types").Validator<string>;
+                                id: import("prop-types").Requireable<string>;
+                                width: import("prop-types").Requireable<string>;
+                                height: import("prop-types").Requireable<string>;
+                                url: import("prop-types").Requireable<any>;
+                                onPlay: import("prop-types").Requireable<(...args: any[]) => any>;
+                                onResume: import("prop-types").Requireable<(...args: any[]) => any>;
+                                onPause: import("prop-types").Requireable<(...args: any[]) => any>;
+                                onEnded: import("prop-types").Requireable<(...args: any[]) => any>;
+                                onError: import("prop-types").Requireable<(...args: any[]) => any>;
+                                autoplay: import("prop-types").Requireable<boolean>;
+                                disableAutostart: import("prop-types").Requireable<boolean>;
+                                jwpOptions: import("prop-types").Requireable<import("prop-types").InferProps<{
+                                    file: import("prop-types").Requireable<any>;
+                                    customProps: import("prop-types").Requireable<import("prop-types").InferProps<{
+                                        aspectratio: import("prop-types").Requireable<string>;
+                                        tracks: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                                            file: import("prop-types").Requireable<any>;
+                                            label: import("prop-types").Requireable<string>;
+                                            kind: import("prop-types").Requireable<string>;
+                                            default: import("prop-types").Requireable<boolean>;
+                                        }> | null | undefined)[]>;
+                                        autostart: import("prop-types").Requireable<string>;
+                                        width: import("prop-types").Requireable<string>;
+                                        skin: import("prop-types").Requireable<import("prop-types").InferProps<{
+                                            name: import("prop-types").Requireable<string>;
+                                        }>>;
+                                    }>>;
+                                    licenseKey: import("prop-types").Validator<string>;
+                                    playerScript: import("prop-types").Validator<any>;
+                                    playerId: import("prop-types").Validator<string>;
+                                }>>;
+                                mimeType: import("prop-types").Validator<string>;
+                            }> | import("prop-types").InferProps<{
+                                type: import("prop-types").Validator<string>;
+                                url: import("prop-types").Validator<string>;
+                            }> | import("prop-types").InferProps<{
+                                type: import("prop-types").Validator<string>;
+                                mediaUrl: import("prop-types").Validator<string>;
+                            }> | null | undefined>>;
+                        }>>;
+                    }>>;
+                    '3': import("prop-types").Requireable<import("prop-types").InferProps<{
+                        position: import("prop-types").Requireable<number>;
+                        loading: import("prop-types").Requireable<boolean>;
+                        loadingAriaLabel: import("prop-types").Requireable<string>;
+                        animationType: import("prop-types").Requireable<string>;
+                        isCorrect: import("prop-types").Requireable<boolean>;
+                        animateCorrectionPopin: import("prop-types").Requireable<boolean>;
+                        showCorrectionPopin: import("prop-types").Requireable<boolean>;
+                        parentContentTitle: import("prop-types").Requireable<string>;
+                        questionText: import("prop-types").Requireable<string>;
+                        answerUI: import("prop-types").Requireable<import("prop-types").InferProps<{
+                            model: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                                type: import("prop-types").Validator<string>;
+                                answer: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                                    title: import("prop-types").Validator<string>;
+                                    'aria-label': import("prop-types").Requireable<string>;
+                                    onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+                                    onChange: import("prop-types").Requireable<(...args: any[]) => any>;
+                                    selected: import("prop-types").Requireable<boolean>;
+                                    image: import("prop-types").Requireable<string>;
+                                    options: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                                        name: import("prop-types").Requireable<string>;
+                                        selected: import("prop-types").Requireable<boolean>;
+                                        validOption: import("prop-types").Requireable<boolean>;
+                                        value: import("prop-types").Requireable<string>;
+                                    }> | null | undefined)[]>;
+                                    type: import("prop-types").Requireable<string>;
+                                    name: import("prop-types").Requireable<string>;
+                                }> | null | undefined)[]>;
+                            }>>>;
+                            help: import("prop-types").Requireable<string>;
+                            media: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
+                                type: import("prop-types").Validator<string>;
+                                id: import("prop-types").Requireable<string>;
+                                width: import("prop-types").Requireable<string>;
+                                height: import("prop-types").Requireable<string>;
+                                url: import("prop-types").Requireable<any>;
+                                onPlay: import("prop-types").Requireable<(...args: any[]) => any>;
+                                onResume: import("prop-types").Requireable<(...args: any[]) => any>;
+                                onPause: import("prop-types").Requireable<(...args: any[]) => any>;
+                                onEnded: import("prop-types").Requireable<(...args: any[]) => any>;
+                                onError: import("prop-types").Requireable<(...args: any[]) => any>;
+                                autoplay: import("prop-types").Requireable<boolean>;
+                                disableAutostart: import("prop-types").Requireable<boolean>;
+                                jwpOptions: import("prop-types").Requireable<import("prop-types").InferProps<{
+                                    file: import("prop-types").Requireable<any>;
+                                    customProps: import("prop-types").Requireable<import("prop-types").InferProps<{
+                                        aspectratio: import("prop-types").Requireable<string>;
+                                        tracks: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                                            file: import("prop-types").Requireable<any>;
+                                            label: import("prop-types").Requireable<string>;
+                                            kind: import("prop-types").Requireable<string>;
+                                            default: import("prop-types").Requireable<boolean>;
+                                        }> | null | undefined)[]>;
+                                        autostart: import("prop-types").Requireable<string>;
+                                        width: import("prop-types").Requireable<string>;
+                                        skin: import("prop-types").Requireable<import("prop-types").InferProps<{
+                                            name: import("prop-types").Requireable<string>;
+                                        }>>;
+                                    }>>;
+                                    licenseKey: import("prop-types").Validator<string>;
+                                    playerScript: import("prop-types").Validator<any>;
+                                    playerId: import("prop-types").Validator<string>;
+                                }>>;
+                                mimeType: import("prop-types").Validator<string>;
+                            }> | import("prop-types").InferProps<{
+                                type: import("prop-types").Validator<string>;
+                                url: import("prop-types").Validator<string>;
+                            }> | import("prop-types").InferProps<{
+                                type: import("prop-types").Validator<string>;
+                                mediaUrl: import("prop-types").Validator<string>;
+                            }> | null | undefined>>;
+                        }>>;
+                    }>>;
+                    '4': import("prop-types").Requireable<import("prop-types").InferProps<{
+                        position: import("prop-types").Requireable<number>;
+                        loading: import("prop-types").Requireable<boolean>;
+                        loadingAriaLabel: import("prop-types").Requireable<string>;
+                        animationType: import("prop-types").Requireable<string>;
+                        isCorrect: import("prop-types").Requireable<boolean>;
+                        animateCorrectionPopin: import("prop-types").Requireable<boolean>;
+                        showCorrectionPopin: import("prop-types").Requireable<boolean>;
+                        parentContentTitle: import("prop-types").Requireable<string>;
+                        questionText: import("prop-types").Requireable<string>;
+                        answerUI: import("prop-types").Requireable<import("prop-types").InferProps<{
+                            model: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                                type: import("prop-types").Validator<string>;
+                                answer: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                                    title: import("prop-types").Validator<string>;
+                                    'aria-label': import("prop-types").Requireable<string>;
+                                    onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+                                    onChange: import("prop-types").Requireable<(...args: any[]) => any>;
+                                    selected: import("prop-types").Requireable<boolean>;
+                                    image: import("prop-types").Requireable<string>;
+                                    options: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                                        name: import("prop-types").Requireable<string>;
+                                        selected: import("prop-types").Requireable<boolean>;
+                                        validOption: import("prop-types").Requireable<boolean>;
+                                        value: import("prop-types").Requireable<string>;
+                                    }> | null | undefined)[]>;
+                                    type: import("prop-types").Requireable<string>;
+                                    name: import("prop-types").Requireable<string>;
+                                }> | null | undefined)[]>;
+                            }>>>;
+                            help: import("prop-types").Requireable<string>;
+                            media: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
+                                type: import("prop-types").Validator<string>;
+                                id: import("prop-types").Requireable<string>;
+                                width: import("prop-types").Requireable<string>;
+                                height: import("prop-types").Requireable<string>;
+                                url: import("prop-types").Requireable<any>;
+                                onPlay: import("prop-types").Requireable<(...args: any[]) => any>;
+                                onResume: import("prop-types").Requireable<(...args: any[]) => any>;
+                                onPause: import("prop-types").Requireable<(...args: any[]) => any>;
+                                onEnded: import("prop-types").Requireable<(...args: any[]) => any>;
+                                onError: import("prop-types").Requireable<(...args: any[]) => any>;
+                                autoplay: import("prop-types").Requireable<boolean>;
+                                disableAutostart: import("prop-types").Requireable<boolean>;
+                                jwpOptions: import("prop-types").Requireable<import("prop-types").InferProps<{
+                                    file: import("prop-types").Requireable<any>;
+                                    customProps: import("prop-types").Requireable<import("prop-types").InferProps<{
+                                        aspectratio: import("prop-types").Requireable<string>;
+                                        tracks: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                                            file: import("prop-types").Requireable<any>;
+                                            label: import("prop-types").Requireable<string>;
+                                            kind: import("prop-types").Requireable<string>;
+                                            default: import("prop-types").Requireable<boolean>;
+                                        }> | null | undefined)[]>;
+                                        autostart: import("prop-types").Requireable<string>;
+                                        width: import("prop-types").Requireable<string>;
+                                        skin: import("prop-types").Requireable<import("prop-types").InferProps<{
+                                            name: import("prop-types").Requireable<string>;
+                                        }>>;
+                                    }>>;
+                                    licenseKey: import("prop-types").Validator<string>;
+                                    playerScript: import("prop-types").Validator<any>;
+                                    playerId: import("prop-types").Validator<string>;
+                                }>>;
+                                mimeType: import("prop-types").Validator<string>;
+                            }> | import("prop-types").InferProps<{
+                                type: import("prop-types").Validator<string>;
+                                url: import("prop-types").Validator<string>;
+                            }> | import("prop-types").InferProps<{
+                                type: import("prop-types").Validator<string>;
+                                mediaUrl: import("prop-types").Validator<string>;
+                            }> | null | undefined>>;
+                        }>>;
+                    }>>;
+                }>>>;
+                endReview: import("prop-types").Requireable<boolean>;
+            }>>;
+            reviewBackgroundAriaLabel: import("prop-types").Requireable<string>;
+            congrats: import("prop-types").Requireable<import("prop-types").InferProps<{
+                'aria-label': import("prop-types").Requireable<string>;
+                'data-name': import("prop-types").Requireable<string>;
+                animationLottie: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    'aria-label': import("prop-types").Validator<string>;
+                    'data-name': import("prop-types").Requireable<string>;
+                    animationSrc: import("prop-types").Validator<string>;
+                    loop: import("prop-types").Requireable<boolean>;
+                    rendererSettings: import("prop-types").Requireable<import("prop-types").InferProps<{
+                        hideOnTransparent: import("prop-types").Requireable<boolean>;
+                        className: import("prop-types").Requireable<string>;
+                    }>>;
+                    height: import("prop-types").Requireable<number>;
+                    width: import("prop-types").Requireable<number>;
+                    className: import("prop-types").Requireable<string>;
+                    ie11ImageBackup: import("prop-types").Validator<string>;
+                    backupImageClassName: import("prop-types").Requireable<string>;
+                    autoplay: import("prop-types").Requireable<boolean>;
+                    animationControl: import("prop-types").Requireable<string>;
+                }>>;
+                title: import("prop-types").Requireable<string>;
+                cardCongratsStar: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    'aria-label': import("prop-types").Requireable<string>;
+                    'data-name': import("prop-types").Requireable<string>;
+                    animationLottie: import("prop-types").Requireable<import("prop-types").InferProps<{
+                        'aria-label': import("prop-types").Validator<string>;
+                        'data-name': import("prop-types").Requireable<string>;
+                        animationSrc: import("prop-types").Validator<string>;
+                        loop: import("prop-types").Requireable<boolean>;
+                        rendererSettings: import("prop-types").Requireable<import("prop-types").InferProps<{
+                            hideOnTransparent: import("prop-types").Requireable<boolean>;
+                            className: import("prop-types").Requireable<string>;
+                        }>>;
+                        height: import("prop-types").Requireable<number>;
+                        width: import("prop-types").Requireable<number>;
+                        className: import("prop-types").Requireable<string>;
+                        ie11ImageBackup: import("prop-types").Validator<string>;
+                        backupImageClassName: import("prop-types").Requireable<string>;
+                        autoplay: import("prop-types").Requireable<boolean>;
+                        animationControl: import("prop-types").Requireable<string>;
+                    }>>;
+                    cardType: import("prop-types").Requireable<string>;
+                    iconAriaLabel: import("prop-types").Requireable<string>;
+                    className: import("prop-types").Requireable<string>;
+                    reviewCardTitle: import("prop-types").Requireable<string>;
+                    reviewCardValue: import("prop-types").Requireable<string>;
+                    rankSuffix: import("prop-types").Requireable<string>;
+                    timerAnimation: import("prop-types").Requireable<number>;
+                }>>;
+                cardCongratsRank: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    'aria-label': import("prop-types").Requireable<string>;
+                    'data-name': import("prop-types").Requireable<string>;
+                    animationLottie: import("prop-types").Requireable<import("prop-types").InferProps<{
+                        'aria-label': import("prop-types").Validator<string>;
+                        'data-name': import("prop-types").Requireable<string>;
+                        animationSrc: import("prop-types").Validator<string>;
+                        loop: import("prop-types").Requireable<boolean>;
+                        rendererSettings: import("prop-types").Requireable<import("prop-types").InferProps<{
+                            hideOnTransparent: import("prop-types").Requireable<boolean>;
+                            className: import("prop-types").Requireable<string>;
+                        }>>;
+                        height: import("prop-types").Requireable<number>;
+                        width: import("prop-types").Requireable<number>;
+                        className: import("prop-types").Requireable<string>;
+                        ie11ImageBackup: import("prop-types").Validator<string>;
+                        backupImageClassName: import("prop-types").Requireable<string>;
+                        autoplay: import("prop-types").Requireable<boolean>;
+                        animationControl: import("prop-types").Requireable<string>;
+                    }>>;
+                    cardType: import("prop-types").Requireable<string>;
+                    iconAriaLabel: import("prop-types").Requireable<string>;
+                    className: import("prop-types").Requireable<string>;
+                    reviewCardTitle: import("prop-types").Requireable<string>;
+                    reviewCardValue: import("prop-types").Requireable<string>;
+                    rankSuffix: import("prop-types").Requireable<string>;
+                    timerAnimation: import("prop-types").Requireable<number>;
+                }>>;
+                buttonRevising: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    label: import("prop-types").Requireable<string>;
+                    onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+                    type: import("prop-types").Requireable<string>;
+                }>>;
+                buttonRevisingSkill: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    label: import("prop-types").Requireable<string>;
+                    onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+                    type: import("prop-types").Requireable<string>;
+                }>>;
+            }>>;
+            quitPopin: import("prop-types").Requireable<import("prop-types").InferProps<{
+                content: import("prop-types").Requireable<string>;
+                mode: import("prop-types").Requireable<string>;
+                header: import("prop-types").Requireable<string>;
+                firstButton: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    label: import("prop-types").Requireable<string>;
+                    handleOnclick: import("prop-types").Requireable<(...args: any[]) => any>;
+                    'aria-label': import("prop-types").Requireable<string>;
+                    largeButton: import("prop-types").Requireable<boolean>;
+                    type: import("prop-types").Requireable<string>;
+                    customStyle: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
+                }>>;
+                secondButton: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    label: import("prop-types").Requireable<string>;
+                    handleOnclick: import("prop-types").Requireable<(...args: any[]) => any>;
+                    type: import("prop-types").Requireable<string>;
+                    'aria-label': import("prop-types").Requireable<string>;
+                    largeButton: import("prop-types").Requireable<boolean>;
+                    customStyle: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
+                }>>;
+                thirdButton: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    label: import("prop-types").Requireable<string>;
+                    handleOnclick: import("prop-types").Requireable<(...args: any[]) => any>;
+                    type: import("prop-types").Requireable<string>;
+                    'aria-label': import("prop-types").Requireable<string>;
+                    largeButton: import("prop-types").Requireable<boolean>;
+                    customStyle: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
+                }>>;
+                onClose: import("prop-types").Requireable<(...args: any[]) => any>;
+                icon: import("prop-types").Requireable<string>;
+                backgroundImageUrl: import("prop-types").Requireable<string>;
+                descriptionText: import("prop-types").Requireable<string>;
+                cookieTitle: import("prop-types").Requireable<string>;
+                descriptionBtnTxt: import("prop-types").Requireable<string>;
+                listBtnSwicth: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                    title: import("prop-types").Requireable<string>;
+                    name: import("prop-types").Requireable<string>;
+                    id: import("prop-types").Requireable<string>;
+                    value: import("prop-types").Requireable<boolean>;
+                    disabled: import("prop-types").Requireable<boolean>;
+                    onChange: import("prop-types").Requireable<(...args: any[]) => any>;
+                    description: import("prop-types").Requireable<string>;
+                    modified: import("prop-types").Requireable<boolean>;
+                    titlePosition: import("prop-types").Requireable<string>;
+                    theme: import("prop-types").Requireable<string>;
+                    details: import("prop-types").Requireable<string>;
+                    'data-name': import("prop-types").Requireable<string>;
+                    requiredSelection: import("prop-types").Requireable<boolean>;
+                }> | null | undefined)[]>;
+            }>>;
+        };
+    };
+};
+export default _default;
+export declare const AllOk: {
+    (args: any): JSX.Element;
+    args: {
+        header: {
+            steps: {
+                icon: string;
+                current: boolean;
+                value: string;
+            }[];
+            mode: string;
+            skillName: string;
+            onQuitClick: () => void;
+            'aria-label': string;
+            closeButtonAriaLabel: string;
+        };
+        stack: {
+            slides: {
+                0: {
+                    position: number;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                    isCorrect: boolean;
+                };
+                1: {
+                    position: number;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                    isCorrect: boolean;
+                };
+                2: {
+                    position: number;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                    isCorrect: boolean;
+                };
+                3: {
+                    position: number;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                    isCorrect: boolean;
+                };
+                4: {
+                    position: number;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                    isCorrect: boolean;
+                    animateCorrectionPopin: boolean;
+                    showCorrectionPopin: boolean;
+                };
+            };
+            endReview: boolean;
+            validateButton: {
+                label: string;
+                onClick: () => void;
+                disabled: boolean;
+            };
+            correctionPopinProps: {
+                klf: {
+                    label: string;
+                    tooltip: string;
+                };
+                information: {
+                    label: string;
+                    message: string;
+                };
+                next: {
+                    label: string;
+                    onClick: () => void;
+                };
+                type: string;
+                resultLabel: string;
+            };
+        };
+        reviewBackgroundAriaLabel: string;
+    };
+};
+export declare const EndReview: {
+    (args: any): JSX.Element;
+    args: {
+        header: {
+            steps: {
+                icon: string;
+                current: boolean;
+                value: string;
+            }[];
+            hiddenSteps: boolean;
+            mode: string;
+            skillName: string;
+            onQuitClick: () => void;
+            'aria-label': string;
+            closeButtonAriaLabel: string;
+        };
+        stack: {
+            slides: {
+                0: {
+                    position: number;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                    isCorrect: boolean;
+                };
+                1: {
+                    position: number;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                    isCorrect: boolean;
+                };
+                2: {
+                    position: number;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                    isCorrect: boolean;
+                };
+                3: {
+                    position: number;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                    isCorrect: boolean;
+                };
+                4: {
+                    position: number;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                    isCorrect: boolean;
+                    animateCorrectionPopin: boolean;
+                    showCorrectionPopin: boolean;
+                };
+            };
+            endReview: boolean;
+            validateButton: {
+                label: string;
+                onClick: () => void;
+                disabled: boolean;
+            };
+            correctionPopinProps: {
+                klf: {
+                    label: string;
+                    tooltip: string;
+                };
+                information: {
+                    label: string;
+                    message: string;
+                };
+                next: {
+                    label: string;
+                    onClick: () => void;
+                };
+                type: string;
+                resultLabel: string;
+            };
+        };
+        reviewBackgroundAriaLabel: string;
+        congrats: {
+            'aria-label': string;
+            'data-name': string;
+            animationLottie: {
+                height: undefined;
+                width: undefined;
+                'aria-label': string;
+                'data-name': string;
+                className: undefined;
+                animationSrc: string;
+                loop: undefined;
+                autoplay: boolean;
+                rendererSettings: {
+                    hideOnTransparent: boolean;
+                    animationClassName: string;
+                };
+                ie11ImageBackup: string;
+                animationControl: undefined;
+            };
+            title: string;
+            cardCongratsStar: {
+                'aria-label': string;
+                'data-name': string;
+                animationLottie: {
+                    height: undefined;
+                    width: undefined;
+                    'aria-label': string;
+                    'data-name': string;
+                    className: undefined;
+                    animationSrc: string;
+                    loop: boolean;
+                    autoplay: undefined;
+                    rendererSettings: {
+                        hideOnTransparent: boolean;
+                        animationClassName: string;
+                    };
+                    ie11ImageBackup: string;
+                    animationControl: undefined;
+                };
+                iconAriaLabel: string;
+                className: undefined;
+                cardType: string;
+                reviewCardTitle: string;
+                reviewCardValue: string;
+                timerAnimation: number;
+            };
+            cardCongratsRank: {
+                'aria-label': string;
+                'data-name': string;
+                animationLottie: {
+                    height: undefined;
+                    width: undefined;
+                    'aria-label': string;
+                    'data-name': string;
+                    className: undefined;
+                    animationSrc: string;
+                    loop: boolean;
+                    autoplay: boolean;
+                    ie11ImageBackup: string;
+                    animationControl: undefined;
+                };
+                cardType: string;
+                iconAriaLabel: string;
+                className: undefined;
+                reviewCardTitle: string;
+                reviewCardValue: string;
+                rankSuffix: string;
+                timerAnimation: number;
+            };
+            buttonRevising: {
+                'aria-label': string;
+                label: string;
+                onClick: () => void;
+                type: string;
+            };
+            buttonRevisingSkill: {
+                label: string;
+                'aria-label': string;
+                onClick: () => void;
+                type: string;
+            };
+        };
+    };
+};
+export declare const FirstRight: {
+    (args: any): JSX.Element;
+    args: {
+        header: {
+            steps: {
+                icon: string;
+                current: boolean;
+                value: string;
+            }[];
+            mode: string;
+            skillName: string;
+            onQuitClick: () => void;
+            'aria-label': string;
+            closeButtonAriaLabel: string;
+        };
+        stack: {
+            slides: {
+                0: {
+                    position: number;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                    isCorrect: boolean;
+                    endReview: boolean;
+                    animateCorrectionPopin: boolean;
+                    showCorrectionPopin: boolean;
+                };
+                1: {
+                    position: number;
+                    loading: boolean;
+                };
+                2: {
+                    position: number;
+                    loading: boolean;
+                };
+                3: {
+                    position: number;
+                    loading: boolean;
+                };
+                4: {
+                    position: number;
+                    loading: boolean;
+                };
+            };
+            validateButton: {
+                label: string;
+                onClick: () => void;
+                disabled: boolean;
+            };
+            correctionPopinProps: {
+                klf: {
+                    label: string;
+                    tooltip: string;
+                };
+                information: {
+                    label: string;
+                    message: string;
+                };
+                next: {
+                    label: string;
+                    onClick: () => void;
+                };
+                type: string;
+                resultLabel: string;
+            };
+        };
+        reviewBackgroundAriaLabel: string;
+    };
+};
+export declare const InitialState: {
+    (args: any): JSX.Element;
+    args: {
+        header: {
+            steps: {
+                icon: string;
+                current: boolean;
+                value: string;
+            }[];
+            mode: string;
+            skillName: string;
+            onQuitClick: () => void;
+            'aria-label': string;
+            closeButtonAriaLabel: string;
+        };
+        stack: {
+            slides: {
+                0: {
+                    position: number;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                };
+                1: {
+                    position: number;
+                    loading: boolean;
+                };
+                2: {
+                    position: number;
+                    loading: boolean;
+                };
+                3: {
+                    position: number;
+                    loading: boolean;
+                };
+                4: {
+                    position: number;
+                    loading: boolean;
+                };
+            };
+            endReview: boolean;
+            validateButton: {
+                label: string;
+                onClick: () => void;
+                disabled: boolean;
+            };
+            correctionPopinProps: {
+                klf: {
+                    label: string;
+                    tooltip: string;
+                };
+                information: {
+                    label: string;
+                    message: string;
+                };
+                next: {
+                    label: string;
+                    onClick: () => void;
+                };
+                type: string;
+                resultLabel: string;
+            };
+        };
+        reviewBackgroundAriaLabel: string;
+    };
+};
+export declare const Loading: {
+    (args: any): JSX.Element;
+    args: {
+        header: {
+            steps: {
+                icon: string;
+                current: boolean;
+                value: string;
+            }[];
+            mode: string;
+            skillName: string;
+            onQuitClick: () => void;
+            'aria-label': string;
+            closeButtonAriaLabel: string;
+        };
+        stack: {
+            slides: {
+                0: {
+                    position: number;
+                    loading: boolean;
+                    loadingAriaLabel: string;
+                };
+                1: {
+                    position: number;
+                    loading: boolean;
+                };
+                2: {
+                    position: number;
+                    loading: boolean;
+                };
+                3: {
+                    position: number;
+                    loading: boolean;
+                };
+                4: {
+                    position: number;
+                    loading: boolean;
+                };
+            };
+            endReview: boolean;
+            validateButton: {
+                label: string;
+                onClick: () => void;
+                disabled: boolean;
+            };
+        };
+        reviewBackgroundAriaLabel: string;
+    };
+};
+export declare const OnQuit: {
+    (args: any): JSX.Element;
+    args: {
+        header: {
+            steps: {
+                icon: string;
+                current: boolean;
+                value: string;
+            }[];
+            mode: string;
+            skillName: string;
+            onQuitClick: () => void;
+            'aria-label': string;
+            closeButtonAriaLabel: string;
+        };
+        stack: {
+            slides: {
+                0: {
+                    position: number;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                };
+                1: {
+                    position: number;
+                    loading: boolean;
+                };
+                2: {
+                    position: number;
+                    loading: boolean;
+                };
+                3: {
+                    position: number;
+                    loading: boolean;
+                };
+                4: {
+                    position: number;
+                    loading: boolean;
+                };
+            };
+            endReview: boolean;
+            validateButton: {
+                label: string;
+                onClick: () => void;
+                disabled: boolean;
+            };
+            correctionPopinProps: {
+                klf: {
+                    label: string;
+                    tooltip: string;
+                };
+                information: {
+                    label: string;
+                    message: string;
+                };
+                next: {
+                    label: string;
+                    onClick: () => void;
+                };
+                type: string;
+                resultLabel: string;
+            };
+        };
+        reviewBackgroundAriaLabel: string;
+        quitPopin: {
+            content: string;
+            icon: string;
+            mode: string;
+            descriptionText: string;
+            firstButton: {
+                label: string;
+                type: string;
+                customStyle: {
+                    color: string;
+                };
+                'aria-label': string;
+                handleOnClick: () => void;
+            };
+            secondButton: {
+                label: string;
+                type: string;
+                'aria-label': string;
+                handleOnClick: () => void;
+            };
+        };
+    };
+};
+export declare const OneFail: {
+    (args: any): JSX.Element;
+    args: {
+        header: {
+            steps: {
+                icon: string;
+                current: boolean;
+                value: string;
+            }[];
+            mode: string;
+            skillName: string;
+            onQuitClick: () => void;
+            'aria-label': string;
+            closeButtonAriaLabel: string;
+        };
+        stack: {
+            slides: {
+                0: {
+                    hidden: boolean;
+                    position: number;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                    isCorrect: boolean;
+                };
+                1: {
+                    hidden: boolean;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    position: number;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                    isCorrect: boolean;
+                };
+                2: {
+                    hidden: boolean;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    position: number;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                    isCorrect: boolean;
+                    showCorrectionPopin: boolean;
+                    animateCorrectionPopin: boolean;
+                };
+                3: {
+                    hidden: boolean;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    position: number;
+                };
+                4: {
+                    hidden: boolean;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    position: number;
+                };
+            };
+            validateButton: {
+                label: string;
+                disabled: boolean;
+                onClick: () => void;
+            };
+            correctionPopinProps: {
+                klf: {
+                    label: string;
+                    tooltip: string;
+                };
+                information: {
+                    label: string;
+                    message: string;
+                };
+                next: {
+                    label: string;
+                    onClick: () => void;
+                };
+                type: string;
+                resultLabel: string;
+            };
+        };
+        reviewBackgroundAriaLabel: string;
+    };
+};
+export declare const Restack: {
+    (args: any): JSX.Element;
+    args: {
+        header: {
+            steps: {
+                icon: string;
+                current: boolean;
+                value: string;
+            }[];
+            mode: string;
+            skillName: string;
+            onQuitClick: () => void;
+            'aria-label': string;
+            closeButtonAriaLabel: string;
+        };
+        reviewBackgroundAriaLabel: string;
+        stack: {
+            slides: {
+                0: {
+                    position: number;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                    isCorrect: boolean;
+                    endReview: boolean;
+                    showCorrectionPopin: boolean;
+                    animateCorrectionPopin: boolean;
+                    animationType: string;
+                };
+                1: {
+                    position: number;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                image: string;
+                            }[];
+                        };
+                    };
+                };
+                2: {
+                    position: number;
+                    loading: boolean;
+                };
+                3: {
+                    position: number;
+                    loading: boolean;
+                };
+                4: {
+                    position: number;
+                    loading: boolean;
+                };
+            };
+            validateButton: {
+                label: string;
+                onClick: () => void;
+                disabled: boolean;
+            };
+            correctionPopinProps: {
+                klf: {
+                    label: string;
+                    tooltip: string;
+                };
+                information: {
+                    label: string;
+                    message: string;
+                };
+                next: {
+                    label: string;
+                    onClick: () => void;
+                };
+                type: string;
+                resultLabel: string;
+            };
+        };
+    };
+};
+export declare const SecondFailedQuestion: {
+    (args: any): JSX.Element;
+    args: {
+        header: {
+            steps: {
+                icon: string;
+                current: boolean;
+                value: string;
+            }[];
+            mode: string;
+            skillName: string;
+            onQuitClick: () => void;
+            'aria-label': string;
+            closeButtonAriaLabel: string;
+        };
+        stack: {
+            slides: {
+                0: {
+                    position: number;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                    isCorrect: boolean;
+                };
+                1: {
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    position: number;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                    isCorrect: boolean;
+                };
+                2: {
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    position: number;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                    isCorrect: boolean;
+                    showCorrectionPopin: boolean;
+                    animateCorrectionPopin: boolean;
+                };
+                3: {
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                    position: number;
+                };
+                4: {
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    position: number;
+                };
+            };
+            validateButton: {
+                label: string;
+                disabled: boolean;
+                onClick: () => void;
+            };
+            correctionPopinProps: {
+                klf: {
+                    label: string;
+                    tooltip: string;
+                };
+                information: {
+                    label: string;
+                    message: string;
+                };
+                next: {
+                    label: string;
+                    onClick: () => void;
+                };
+                type: string;
+                resultLabel: string;
+            };
+        };
+        reviewBackgroundAriaLabel: string;
+    };
+};
+export declare const Unstack: {
+    (args: any): JSX.Element;
+    args: {
+        header: {
+            steps: {
+                icon: string;
+                current: boolean;
+                value: string;
+            }[];
+            mode: string;
+            skillName: string;
+            onQuitClick: () => void;
+            'aria-label': string;
+            closeButtonAriaLabel: string;
+        };
+        stack: {
+            slides: {
+                0: {
+                    position: number;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: ({
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order?: undefined;
+                            } | {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                order: number;
+                            })[];
+                        };
+                        help: string;
+                    };
+                    isCorrect: boolean;
+                    endReview: boolean;
+                    showCorrectionPopin: boolean;
+                    animateCorrectionPopin: boolean;
+                    animationType: string;
+                };
+                1: {
+                    position: number;
+                    loading: boolean;
+                    parentContentTitle: string;
+                    questionText: string;
+                    answerUI: {
+                        model: {
+                            type: string;
+                            answers: {
+                                title: string;
+                                onClick: () => void;
+                                selected: boolean;
+                                image: string;
+                            }[];
+                        };
+                    };
+                };
+                2: {
+                    position: number;
+                    loading: boolean;
+                };
+                3: {
+                    position: number;
+                    loading: boolean;
+                };
+                4: {
+                    position: number;
+                    loading: boolean;
+                };
+            };
+            validateButton: {
+                label: string;
+                disabled: boolean;
+                onClick: () => void;
+            };
+            correctionPopinProps: {
+                klf: {
+                    label: string;
+                    tooltip: string;
+                };
+                information: {
+                    label: string;
+                    message: string;
+                };
+                next: {
+                    label: string;
+                    onClick: () => void;
+                };
+                type: string;
+                resultLabel: string;
+            };
+        };
+        reviewBackgroundAriaLabel: string;
+    };
+};
+//# sourceMappingURL=index.stories.d.ts.map