arc

1import { cn } from "@/lib/utils";
2 
3function Arc({ className, style, ...props }: React.ComponentProps<"div">) {
4  return (
5    <>
6      <style>{`
7        @keyframes loading-ui-arc-spin {
8          to {
9            transform: rotate(360deg);
10          }
11        }
12      `}</style>
13      <div
14        className={cn(
15          "rounded-full border-[5px] border-current/10 border-t-current",
16          className,
17        )}
18        style={{
19          animationName: "loading-ui-arc-spin",
20          animationDuration: "var(--duration, 1s)",
21          animationTimingFunction: "linear",
22          animationIterationCount: "infinite",
23          ...style,
24        }}
25        {...props}
26      />
27    </>
28  );
29}
30 
31export { Arc };