File size: 466 Bytes
9b72f0d
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
import cn from "@utils/classnames.ts";

export default function Slider({
  className = "",
  width,
}: {
  className?: string;
  width: number;
}) {
  return (
    <div
      className={cn(
        className,
        "h-1 w-full overflow-hidden rounded-full bg-gray-200 dark:bg-gray-700"
      )}
    >
      <div
        className="h-full rounded-full bg-yellow-500 duration-500 dark:bg-yellow-400"
        style={{ width: `${width}%` }}
      />
    </div>
  );
}