/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
/**
 * @hidden
 */
export interface BaseProps {
    /**
     * Specifies the type of progress bar. Can be either `linear` or `circular`.
     *
     * Example:
     * ```jsx
     * <ProgressBar type="linear" />
     * ```
     *
     * @hidden
     */
    type?: 'linear' | 'circular';
    /**
     * Sets the current value of the progress bar. Must be between the `min` and `max` values. Defaults to `0`.
     * Set to `null` to enable the indeterminate state of the progress bar.
     * See examples ([here](https://www.telerik.com/kendo-react-ui/components/progressbars/progressbar)) and ([here](https://www.telerik.com/kendo-react-ui/components/progressbars/chunkprogressbar)).
     *
     * @default 0
     *
     * @example
     * ```jsx
     * <ProgressBar value={50} />
     * ```
     */
    value?: number | null;
    /**
     * Specifies the minimum value of the progress bar. Defaults to `0`.
     *
     * @default 0
     *
     * @example
     * ```jsx
     * <ProgressBar min={0} />
     * ```
     */
    min?: number;
    /**
     * Specifies the maximum value of the progress bar. Defaults to `100`.
     *
     * @default 100
     *
     * @example
     * ```jsx
     * <ProgressBar max={100} />
     * ```
     */
    max?: number;
    /**
     * Sets the `dir` HTML attribute to switch between LTR and RTL directions.
     *
     * @example
     * ```jsx
     * <ProgressBar dir="rtl" />
     * ```
     */
    dir?: string;
    /**
     * Provides an accessible label for the component.
     *
     * @example
     * ```jsx
     * <ProgressBar ariaLabel="Loading progress" />
     * ```
     *
     * @remarks
     * This property is related to accessibility.
     */
    ariaLabel?: string;
    /**
     * Determines whether the progress bar is in a disabled state.
     * See examples ([here](https://www.telerik.com/kendo-react-ui/components/progressbars/progressbar/disabled)) and ([here](https://www.telerik.com/kendo-react-ui/components/progressbars/chunkprogressbar/disabled)).
     *
     * @example
     * ```jsx
     * <ProgressBar disabled={true} />
     * ```
     */
    disabled?: boolean;
    /**
     * Specifies the orientation of the progress bar. Can be `horizontal` or `vertical`. Defaults to `horizontal`.
     * See examples ([here](https://www.telerik.com/kendo-react-ui/components/progressbars/progressbar/orientation)) and ([here](https://www.telerik.com/kendo-react-ui/components/progressbars/chunkprogressbar/orientation)).
     *
     * @default "horizontal"
     *
     * @example
     * ```jsx
     * <ProgressBar orientation="vertical" />
     * ```
     */
    orientation?: 'horizontal' | 'vertical';
    /**
     * If set to `true`, reverses the direction of the progress bar. Defaults to `false`.
     * See examples ([here](https://www.telerik.com/kendo-react-ui/components/progressbars/progressbar/direction)) and ([here](https://www.telerik.com/kendo-react-ui/components/progressbars/chunkprogressbar/direction)).
     *
     * @default false
     *
     * @example
     * ```jsx
     * <ProgressBar reverse={true} />
     * ```
     */
    reverse?: boolean;
    /**
     * Adds a list of CSS classes to the progress bar element.
     *
     * @example
     * ```jsx
     * <ProgressBar className="custom-progress-bar" />
     * ```
     */
    className?: string;
    /**
     * Applies additional CSS styles to the progress bar.
     *
     * @example
     * ```jsx
     * <ProgressBar style={{ backgroundColor: 'red' }} />
     * ```
     */
    style?: React.CSSProperties;
    /**
     * Specifies the styles applied to the inner element representing the empty portion of the progress bar.
     * See examples ([here](https://www.telerik.com/kendo-react-ui/components/progressbars/progressbar/appearance)) and ([here](https://www.telerik.com/kendo-react-ui/components/progressbars/chunkprogressbar/appearance)).
     *
     * @example
     * ```jsx
     * <ProgressBar emptyStyle={{ backgroundColor: 'lightgray' }} />
     * ```
     */
    emptyStyle?: React.CSSProperties;
    /**
     * Adds additional CSS classes to the inner element representing the empty portion of the progress bar.
     * See examples ([here](https://www.telerik.com/kendo-react-ui/components/progressbars/progressbar/appearance)) and ([here](https://www.telerik.com/kendo-react-ui/components/progressbars/chunkprogressbar/appearance)).
     *
     * @example
     * ```jsx
     * <ProgressBar emptyClassName="custom-empty-class" />
     * ```
     */
    emptyClassName?: string;
    /**
     * Specifies the styles applied to the inner element representing the full portion of the progress bar.
     * See examples ([here](https://www.telerik.com/kendo-react-ui/components/progressbars/progressbar/appearance)) and ([here](https://www.telerik.com/kendo-react-ui/components/progressbars/chunkprogressbar/appearance)).
     *
     * @example
     * ```jsx
     * <ProgressBar progressStyle={{ backgroundColor: 'green' }} />
     * ```
     */
    progressStyle?: React.CSSProperties;
    /**
     * Adds additional CSS classes to the inner element representing the full portion of the progress bar.
     * See examples ([here](https://www.telerik.com/kendo-react-ui/components/progressbars/progressbar/appearance)) and ([here](https://www.telerik.com/kendo-react-ui/components/progressbars/chunkprogressbar/appearance)).
     *
     * @example
     * ```jsx
     * <ProgressBar progressClassName="custom-progress-class" />
     * ```
     */
    progressClassName?: string;
    /**
     * Sets the `tabIndex` attribute of the progress bar for keyboard navigation.
     *
     * @remarks
     * This property is related to accessibility.
     * @example
     * ```jsx
     * <ProgressBar tabIndex={0} />
     * ```
     */
    tabIndex?: number;
}