import { default as React } from 'react';
/**
 * Props del componente ProgressBar.
 */
interface ProgressBarProps extends React.HTMLAttributes<HTMLDivElement> {
    progressPercent: number;
    rounded?: boolean;
    progressFill?: string;
}
/**
 * Componente `ProgressBar`
 *
 * Barra de progreso horizontal que muestra visualmente un porcentaje de avance.
 * Soporta bordes redondeados y permite pasar clases/estilos adicionales.
 *
 *
 * @param progressPercent - Porcentaje de progreso (entre 0 y 100).
 * @param rounded - (Opcional) Aplica bordes redondeados al relleno. Por defecto false
 * @param progressFill - (Opcional) Color de fondo del fill
 * @param className - (Opcional) Clase CSS adicional para el contenedor principal.
 *
 * @example
 * ```tsx
 * import { ProgressBar } from "@/components/ProgressBar";
 * import styles from "./styles.module.css";
 *
 * export default function Example() {
 *   return (
 *     <>
 *       <h3>Progreso</h3>
 *       <ProgressBar progressPercent={50} rounded className={styles.progressBar} />
 *       <ProgressBar progressPercent={80} />
 *     </>
 *   );
 * }
 * ```
 */
export declare const ProgressBar: ({ progressPercent, className, rounded, progressFill, ...props }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
export {};