27 lines
544 B
TypeScript
27 lines
544 B
TypeScript
import { styled, keyframes } from 'goober';
|
|
|
|
const rotate = keyframes`
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
`;
|
|
|
|
export interface LoaderTheme {
|
|
primary?: string;
|
|
secondary?: string;
|
|
}
|
|
|
|
export const LoaderIcon = styled('div')<LoaderTheme>`
|
|
width: 12px;
|
|
height: 12px;
|
|
box-sizing: border-box;
|
|
border: 2px solid;
|
|
border-radius: 100%;
|
|
border-color: ${(p) => p.secondary || '#e0e0e0'};
|
|
border-right-color: ${(p) => p.primary || '#616161'};
|
|
animation: ${rotate} 1s linear infinite;
|
|
`;
|