// Copyright (c) Microsoft Corporation.
// Licensed under the MIT license.

import type { JSXElement } from "@coreai-ds/react-components";
import * as React from 'react';
import { Field } from "@coreai-ds/react-components";
import { ProgressBar } from "@coreai-ds/react-components";

const intervalIncrement = 1;

const intervalDelay = 100;

export const Max = (): JSXElement => {
    const [value, setValue] = React.useState(0);
    React.useEffect(() => {
        const id = setInterval(() => {
            setValue(value < 42 ? intervalIncrement + value : 0);
        }, intervalDelay);
        return () => {
            clearInterval(id);
        };
    });
    return (<Field validationMessage={`There have been ${value} files downloaded`} validationState="none">
      <ProgressBar max={42} value={value}/>
    </Field>);
};

export default Max;