8-bit Mana Bar

1import { type BitProgressProps, Progress } from "@/components/ui/8bit/progress";
2 
3interface ManaBarProps extends React.ComponentProps<"div"> {
4  className?: string;
5  props?: BitProgressProps;
6  variant?: "retro" | "default";
7  value?: number;
8}
9 
10export default function ManaBar({
11  className,
12  variant,
13  value,
14  ...props
15}: ManaBarProps) {
16  return (
17    <Progress
18      {...props}
19      value={value}
20      variant={variant}
21      className={className}
22      progressBg="bg-blue-500"
23    />
24  );
25}