mirror of
https://github.com/SomboChea/ui
synced 2024-05-07 03:51:37 +07:00
25 lines
665 B
TypeScript
25 lines
665 B
TypeScript
import styled from '@emotion/styled';
|
|
|
|
import CircularProgress from '../../muiComponents/CircularProgress';
|
|
import { Theme } from '../../design-tokens/theme';
|
|
|
|
interface WrapperProps {
|
|
centered: boolean;
|
|
}
|
|
|
|
export const Wrapper = styled('div')<WrapperProps>(props => ({
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
...(props.centered && {
|
|
position: 'absolute',
|
|
top: '50%',
|
|
left: '50%',
|
|
transform: 'translate(-50%, -50%)',
|
|
}),
|
|
}));
|
|
|
|
export const Circular = styled(CircularProgress)<{ theme?: Theme }>(({ theme }) => ({
|
|
color: theme?.palette.type === 'dark' ? theme?.palette.white : theme?.palette.primary.main,
|
|
}));
|