mirror of
https://github.com/SomboChea/ui
synced 2024-11-05 22:24:27 +07:00
111f0c50e5
* chore: updated emotion dependency * feat: introduced theme * refactor: updated emotion styles * fix: fixed emotion error * fix: fixed tests * chore: add missing types Co-Authored-By: Thomas Klein <tmkn@users.noreply.github.com>
25 lines
623 B
TypeScript
25 lines
623 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 }>(props => ({
|
|
color: props.theme && props.theme.palette.primary.main,
|
|
}));
|