15 lines
364 B
TypeScript
15 lines
364 B
TypeScript
import { Spinner as SpinnerIcon } from "phosphor-react";
|
|
import { styled, keyframes } from "../stitches.config";
|
|
|
|
const rotate = keyframes({
|
|
"0%": { transform: "rotate(0deg)" },
|
|
"100%": { transform: "rotate(-360deg)" },
|
|
});
|
|
|
|
const Spinner = styled(SpinnerIcon, {
|
|
animation: `${rotate} 150ms linear infinite`,
|
|
fontSize: "16px",
|
|
});
|
|
|
|
export default Spinner;
|