mirror of
https://github.com/antebudimir/feishin.git
synced 2026-01-02 02:43:33 +00:00
24 lines
534 B
TypeScript
24 lines
534 B
TypeScript
|
import type { IconType } from 'react-icons';
|
||
|
|
import { RiLoader5Fill } from 'react-icons/ri';
|
||
|
|
import styled from 'styled-components';
|
||
|
|
import { rotating } from '/@/renderer/styles';
|
||
|
|
|
||
|
|
interface SpinnerProps extends IconType {
|
||
|
|
color?: string;
|
||
|
|
size?: number;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const SpinnerIcon = styled(RiLoader5Fill)`
|
||
|
|
${rotating}
|
||
|
|
animation: rotating 1s ease-in-out infinite;
|
||
|
|
`;
|
||
|
|
|
||
|
|
export const Spinner = ({ ...props }: SpinnerProps) => {
|
||
|
|
return <SpinnerIcon {...props} />;
|
||
|
|
};
|
||
|
|
|
||
|
|
Spinner.defaultProps = {
|
||
|
|
color: undefined,
|
||
|
|
size: 15,
|
||
|
|
};
|