@worktif/purei/dist/src/components/ui/linear-progress/index.d.ts

Work TIF Material UI Theme Provider and Customization Suite for React applications with dark mode support and dynamic color schemes

/**
 * CustomLinearLoader is a styled component that extends the LinearProgress component from Material-UI.
 * It customizes the appearance of the linear loader by setting the height, borderRadius, background color,
 * and defining a linear gradient animation for the progress bar.
 *
 * @param {LinearProgressProps} props - The props for the LinearProgress component
 * @returns {React.Element} A styled LinearProgress component with custom appearance
 */
export declare const CustomLinearLoader: StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;
/**
 * CustomLinearDialogLoader is a styled wrapper component for the Material-UI LinearProgress component.
 * It is customized to feature a gradient progress bar with a rounded border and a smooth animation effect.
 *
 * Characteristics:
 * - Height is set to 4 pixels with a border radius of 4 pixels.
 * - Background color of the progress bar's container is transparent.
 * - The progress bar (`bar` class) features a gradient that animates smoothly across a defined keyframe sequence.
 * - A custom linear gradient is applied as the background of the progress bar.
 * - Includes @keyframes for continuous seamless left-to-right animation.
 *
 * This component is designed to be used in situations where a visually enhanced linear progress loader is required.
 * It leverages Material-UI theming and classes for styling consistency.
 *
 * @type {StyledComponent<LinearProgressProps>}
 */
export declare const CustomLinearDialogLoader: StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;