Function
Bar
({
className,
children,
value,
}: {
className?: string
children: React.ReactNode
value: number
})
Source from the content-addressed store, hash-verified
| 74 | } |
| 75 | |
| 76 | function Bar({ |
| 77 | className, |
| 78 | children, |
| 79 | value, |
| 80 | }: { |
| 81 | className?: string |
| 82 | children: React.ReactNode |
| 83 | value: number |
| 84 | }) { |
| 85 | return ( |
| 86 | <div |
| 87 | className={cn( |
| 88 | "relative w-full px-4 py-0.5 text-base text-white bg-gradient-to-r from-violet-600 dark:from-violet-800 to-pink-500 dark:to-pink-500 rounded", |
| 89 | className, |
| 90 | )} |
| 91 | > |
| 92 | {children} |
| 93 | <div |
| 94 | className="absolute right-0 bg-zinc-50 dark:bg-zinc-900 opacity-80 inset-y-0" |
| 95 | style={{ width: `${100 - value}%` }} |
| 96 | ></div> |
| 97 | </div> |
| 98 | ) |
| 99 | } |
| 100 | |
| 101 | function ButtonLink({ |
| 102 | href, |
Callers
nothing calls this directly
Tested by
no test coverage detected