22 lines
460 B
TypeScript
22 lines
460 B
TypeScript
import type { ThemedProgressProps } from "$/types/ProgressTypes";
|
|
import { forwardRef } from "react";
|
|
import Progress from "./Progress";
|
|
|
|
|
|
const DangerProgress = forwardRef<HTMLDivElement, ThemedProgressProps>(({
|
|
...props
|
|
}, ref ) => {
|
|
return (
|
|
<Progress
|
|
backgroundColor="var(--color-neutral)"
|
|
progressColor="var(--color-danger)"
|
|
{...props}
|
|
ref={ref}
|
|
/>
|
|
);
|
|
});
|
|
|
|
DangerProgress.displayName = "DangerProgress";
|
|
|
|
export default DangerProgress;
|