import { type CSSProperties, type HTMLAttributes, type ReactElement } from "react";
import { type LabelRequiredForA11y, type PropsWithRef } from "../types.js";
import { type BaseLinearProgressClassNameOptions } from "./linearProgressStyles.js";
import { type ProgressProps } from "./types.js";
/**
 * @since 6.0.0 Added the `theme` prop
 * @since 6.3.1 extends BaseLinearProgressClassNameOptions for CSSProperties
 * module augmentation.
 */
export interface LinearProgressProps extends Omit<HTMLAttributes<HTMLSpanElement>, "id" | "children">, BaseLinearProgressClassNameOptions, ProgressProps {
    /**
     * An optional style to apply to the progress bar. This will be merged with
     * the current width or height tracking the progress when a `value` is also
     * provided.
     */
    barStyle?: CSSProperties;
    /**
     * An optional className to apply to the progress bar.
     */
    barClassName?: string;
    /**
     * @since 6.1.0
     */
    barProps?: PropsWithRef<HTMLAttributes<HTMLSpanElement>>;
    /**
     * Boolean if the progress should be reversed. This will change the progress
     * direction from `left-to-right` to be `right-to-left`. If the current
     * language is a rtl language and this prop is enabled, the direction will
     * still be `left-to-right`.
     *
     * @defaultValue `false`
     */
    reverse?: boolean;
    /**
     * Since there isn't really a good way to have "auto height", you'll need to
     * manually set the progress bar's height with this prop to some pixel value.
     * If you'd prefer to set the height in Sass/css, set this value to `null`
     * instead since this value would be passed down as a `height` inline style.
     *
     * @defaultValue `240`
     */
    verticalHeight?: number | null;
}
/**
 * @example Indeterminate Example
 * ```tsx
 * import { LinearProgress } from "@react-md/core/progress/LinearProgress";
 * import { type ReactElement } from "react";
 *
 * function Example(): ReactElement {
 *   return <LinearProgress aria-label="Loading" />;
 * }
 * ```
 *
 * @example Determinate Example
 * ```tsx
 * import { LinearProgress } from "@react-md/core/progress/LinearProgress";
 * import { useState, type ReactElement } from "react";
 *
 * function Example(): ReactElement {
 *   // a number from 0 - 100
 *   const [progress, setProgress] = useState(0);
 *
 *   return <LinearProgress aria-label="File upload" value={progress} />;
 * }
 * ```
 *
 * @see {@link https://react-md.dev/components/progress#linear-progress | Progress Demos}
 * @since 6.0.0 Supports rendering as any of the theme colors and
 * requires a label for accessibility.
 */
export declare function LinearProgress(props: LabelRequiredForA11y<LinearProgressProps>): ReactElement;