import type { ThemedProgressProps } from "$/types/ProgressTypes";
import { forwardRef } from "react";
import Progress from "./Progress";


const TertiaryProgress = forwardRef<HTMLDivElement, ThemedProgressProps>(({
	...props
}, ref ) => {
	return (
		<Progress
			backgroundColor="var(--color-neutral)"
			progressColor="var(--color-tertiary)"
			{...props}
			ref={ref}
		/>
	);
});

TertiaryProgress.displayName = "TertiaryProgress";

export default TertiaryProgress;